0

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

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

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

@media (min-width: 1900px) and (max-width: 2300px) {
    #leftCol {min-height: 1180px;}
    #contentArea {min-height: 1180px;}
    #rightCol {min-height: 1180px;}
}

1 ответ 1

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;
   }
}
8
  • Непонятно - как быть если экран больше значения 1600?
    – Jony
    Commented 7 дек. 2014 в 23:03
  • отредактировал вопрос
    – Jony
    Commented 7 дек. 2014 в 23:06
  • Полный код на jsfiddle выкладывайте. Как вы поняли, что код не сработал?
    – Get
    Commented 7 дек. 2014 в 23:16
  • Должны были растянуться колонки таблицы при разрешении экрана больще 1600. Я проверил это в отладчике хроме
    – Jony
    Commented 7 дек. 2014 в 23:22
  • 1
    Указывайте @media max-width по-убыванию, а не вразброс.
    – Get
    Commented 7 дек. 2014 в 23:53

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.