Медиа-запросы CSS

Рейтинг: 0Ответов: 1Опубликовано: 08.12.2014

Стоит задача написания медиа-запросов в CSS для подгонки столбцов сайта под широкоформатные мониторы.

Распространенная ли это практика? Всеми ли браузерами поддерживается? И можно попросить пример, никогда с ними не сталкивался.

Вот такой пример для экрана от 1900 не сработал:

@media (min-width: 1900px) and (max-width: 2300px) {
    #leftCol {min-height: 1180px;}
    #contentArea {min-height: 1180px;}
    #rightCol {min-height: 1180px;}
}
css css3
Источник: Stack Overflow на русском

Ответы

▲ 1Принят

http://habrahabr.ru/post/119127/

@media screen and (max-width: 980px) {
  #pagewrap {
      width: 95%;
   }
   #content {
      width: 60%;
      padding: 3% 4%;
   }
   #sidebar {
      width: 30%;
   }
   #sidebar .widget {
      padding: 8% 7%;
      margin-bottom: 10px;
   }
}