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

Question

[gassmonkey]

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

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

Объясните, в чём разница, и к каким проблемам может привести моя запись?

Answer 1

[Котик Антон]

Правила из @media screen and (max-width: 1200px) {} отработают только при выводе на экранах, а из @media (max-width: 1200px) {} - на экранах и при печати на принтерах.

Аналогичный вопрос на SO:
stackoverflow.com/questions/8549529/what-is-the-di...

Answer 2

[dom1n1k]

Первая запись имеет смысл, если наряду с ней есть ещё и стили для принтера

@media print {
    ...
}

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