CSSメディアクエリの負荷

<link rel="stylesheet" media="only screen and (max-width:1024px)" href="css/ipad.css"> 
<link rel="stylesheet" media="only screen and (min-width:1024px)" href="css/desktop.css">

を次のように私はCSSメディアクエリを使用している場合、私はそれはCSSのdesktop.cssの両方をロードし、

ipad.cssこれは私が変更する場合でも同様であることがわかり最小/最大幅 - 最小/最大 - デバイス幅

なぜこのようになりますか関連するCSSだけがロードされるようにするにはどうすればよいですか？

出典

2011-12-20 testndtv

どのブラウザ/デバイスをターゲットにしていますか？ああ、あなたのリンクタグを閉じてください。 – DaveHogan

私は、ブラウザが両方のファイルを読み込むのは正常です。しかし、1つのスタイルだけを適用する必要があります。あなたには何が起こりますか、両方のスタイルが適用されるのですか？

orentationパラメータbtwを使用することもできます。

出典

2011-12-20 13:02:52 sascha

それは正しく適用されます。私の質問はなぜそれが両方の負荷ですか？ – testndtv

ブラウザが正常に動作するためです。印刷専用のCSSファイルでも自動的に読み込まれますが、ユーザーが印刷ビューに切り替えると適用されます。 – sascha

CSSメディアクエリの負荷

答えて

関連する問題