CSS3 médias Requêtes

Question

Quelle est la différence entre ces deux instructions?

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

et

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

Answer 1

Le mot-clé « seulement » peut également être utilisé pour les feuilles de style peau de plus les agents utilisateurs. Les agents utilisateurs doivent traiter les requêtes des médias en commençant par « Seulement » comme si le mot « seulement » n'était pas présent.

De http://www.w3.org/TR/css3-mediaqueries/

Dans de véritables scénarios d'utilisation, la requête only screen est utilisé pour les navigateurs mobiles spécifiques cibles qui prennent en charge CSS moderne.

De http://www.alistapart.com/articles/return -de-la-feuille de style mobile

Encore plus clairement

Préfixer un media queries avec le mot-clé « seulement » causera non navigateurs conformes CSS3 d'ignorer la règle.

De http://www.html5rocks.com/en/mobile/mobifying.html