Различные стили навигатора, когда на мобильном или рабочем столе

Question

Есть ли способ изменить панели навигации в соответствии с их видовыми экранами?

Например, когда область просмотра является 1024x768 вы собираетесь показать первую панель навигации, которая построена для настольных размеров и многих других, но если ваш видовой экран ниже этой резолюции, дисплей для мобильных устройств " 'навигационная панель.

Answer 1

Вы можете использовать медиа-запросы:

В CSS:

@media (min-width:768px) and (min-height:1024px) { 
/*Desktop css*/ 
} 
@media (max-width:768px) and (max-height:1024px) { 
/*Mobile css*/ 
} 

Или с внешними таблицами стилей:

<link rel="stylesheet" media="(min-width:768px) and (min-height:1024px)" href="desktop.css"> 
<link rel="stylesheet" media="(max-width:768px) and (max-height:1024px)" href="mobile.css">