thehighhomie
@thehighhomie

CSS media queries: screen или only screen?

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

}

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

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

Похожие вопросы
22 нояб. 2024, в 02:56
10000 руб./за проект
22 нояб. 2024, в 00:55
500 руб./за проект
21 нояб. 2024, в 23:30
300000 руб./за проект