CSS3メディアクエリ

Question

これらの2つの命令の違いは何ですか？

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

と

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

Answer 1

キーワード「だけ」も古い ユーザエージェントからスタイルシートを非表示にするために使用することができます。ユーザエージェントは、 'only'キーワードが存在しないかのように、 で始まるメディアクエリを 'only'で処理する必要があります。実際の使用シナリオで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

から