Надо ли задававать в @media — only screen ?

Question

[Сергей Сергеевич]

1) @media (min-width: 480px) and (max-width: 768px) {

}

2) @media only screen and (min-width: 480px) and (max-width: 768px) {

}

Как правильно ?

Answer 1

[A_Psycho]

Первый вариант указывается для всех устройств вывода (ТВ, телефоны, экраны, версия для печати, ...), а во втором вы указываете "only screen" - только для мониторов. В таком случае правила в теле медиа-запроса будут проигнорированы при открытии с любых других устройств вывода.
Статья про media-запросы

Answer 2

[Денис Инешин]

Лучше @media handheld, screen and ...

Comments

[Сергей Сергеевич]

Это как хороший тон ?