0

ウィンドウ サイズ (電話または非常に小さなデスクトップ ブラウザー ウィンドウ) に基づいて、いくつかのスタイルシートを使用しようとしています。これはどちらでも機能しません。つまり、1024+.css のスタイルしか表示されません。

<!-- small display -->
<link rel="stylesheet" type="text/css" media="only screen and (max-width: 480px), only screen and (max-device-width: 480px)" href="resources/styles/small_device.css" />
<!-- widescreen -->
<link rel="stylesheet" type="text/css" href="resources/styles/1024+.css" />

ありがとうございました

4

1 に答える 1

1

コードは意図したとおりに機能します。小さな画面で最初のスタイルシートをロードし、常にロードする1024+.cssため、最初のスタイルシートのルールが毎回上書きされます。

media大画面用のクエリ制限も追加します

于 2012-10-04T17:14:27.297 に答える