gassmonkey
@gassmonkey
Провокатор

Какая запись медиазапроса более правильна?

Везде встречаю такую запись:
@media screen and (max-width: 1200px) {}

Однако, сам всегда использовал такую:
@media (max-width: 1200px) {}

Объясните, в чём разница, и к каким проблемам может привести моя запись?
  • Вопрос задан
  • 604 просмотра
Решения вопроса 1
27cm
@27cm
TODO: Написать статус
Правила из @media screen and (max-width: 1200px) {} отработают только при выводе на экранах, а из @media (max-width: 1200px) {} - на экранах и при печати на принтерах.

Аналогичный вопрос на SO:
stackoverflow.com/questions/8549529/what-is-the-di...
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
dom1n1k
@dom1n1k
Первая запись имеет смысл, если наряду с ней есть ещё и стили для принтера
@media print {
    ...
}

Если её нет, тогда будут применены только дефолтные стили браузера, и отпечатанный результат будет непредсказуем. Ну то есть если на сайте простая линейная верстка со статьями, например, то и по дефолту будет нормально, скорее всего. Но если верстка нетривиальна, на бумаге окажется случайная каша из блоков.
Если, конечно, кто-то вообще будет печатать ваше произведение.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы