Задать вопрос
thehighhomie
@thehighhomie

CSS media queries: screen или only screen?

Вижу в фреймфорках на sass, media queries пишутся так: media only screen... я всегда писал просто media screen... и вроде все норм было. Есть ли какая разница в результате между "экран" и "только экран"?
  • Вопрос задан
  • 7068 просмотров
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 1
rockon404
@rockon404
Frontend Developer
Оператор only используется, чтобы скрыть стили от старых браузеров (поддерживающих синтаксис медиа-запросов CSS2).
@media only screen and (min-width: 401px) and (max-width: 600px) {

}

Эти браузеры ожидают список медиа-типов, разделённых запятыми. И, согласно спецификации, они должны отсекать каждое значение непосредственно перед первым неалфавитно-цифровым символом, который не является дефисом. Таким образом, старый браузер должен интерпретировать предыдущий пример как media="only". Поскольку данного типа медиа-типа не существует, то и таблицы стилей будут игнорироваться.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы