Разница в CSS синтаксис медиа-запросов - PullRequest
2 голосов
/ 19 января 2020

Когда я научился писать медиа-запросы CSS3, мне показался следующий синтаксис:

@media only screen and (max-width: Xpx){}

Xpx означает любое число, которое вы вводите, конечно. В последнее время я видел несколько других разработчиков, в основном здесь, в стеке, которые писали CSS медиазапросы просто так:

@media (max-width: Xpx){}

Когда я go на такие сайты, как страницы документации Mozilla и W3Schools.com Кажется, они используют его так же, как и я, как в моем первом примере. Что-то еще, чему я давно научился, go - это не написание кода, если я не знаю, почему я его пишу. Убедившись, что синтаксис запроса может быть написан без части «только для экрана», я должен спросить, в чем разница в том, как я пишу свои CSS медиазапросы, и как другие разработчики пишут свои?

1 Ответ

1 голос
/ 19 января 2020

only screen означает только это: только для экранов (в отличие от всех типов носителей, таких как print ауты).

...