CSS3 Media Queries

Question

В чем разница между этими двумя инструкциями?

@media screen and (max-device-width: 480px) {} 

и

@media only screen and (max-device-width: 480px) {} 

Answer 1

Ключевое слово «только» может также использоваться, чтобы скрыть таблицы стилей от старых агентов пользователей. Пользовательские агенты должны обрабатывать медиа-запросы, начиная с «только», как если бы ключевое слово «только» не было.

От http://www.w3.org/TR/css3-mediaqueries/

В реальных сценариях использования, то only screen запрос используется для решения конкретных мобильных браузеров, которые поддерживают современные CSS.

От http://www.alistapart.com/articles/return-of-the-mobile-stylesheet

Еще более четко

Приставка в средствах массовой информации запросов с «только» ключевым словом будет вызывать не являющиеся CSS3-совместимые браузеры игнорируют правила.

От http://www.html5rocks.com/en/mobile/mobifying.html