Internet Explorer 8 で CSS メディア クエリを実装するにはどうすればよいですか?

CSS メディア クエリに対する IE8 のサポート

Internet Explorer 8 は、次のような CSS メディア クエリをネイティブにサポートしません。

@import url("desktop.css") screen and (min-width: 768px);

を達成するための別の方法効果

IE8 でメディア クエリ機能を実現する別のアプローチの 1 つは、メディア クエリをエミュレートする JavaScript ライブラリを使用することです。よく使用される 2 つのオプションは次のとおりです:

• css3-mediaqueries-js: このスクリプトはメディア クエリをエミュレートしますが、@imported スタイルシートはサポートしません。
• Respond.js: この簡素化されたスクリプトにより、メディアの最小幅と最大幅が有効になります

提供されたコードの問題

提供されたコードには次の問題が含まれています:

@import url("desktop.css") screen; 
@import url("ipad.css") only screen and (device-width:768px);

• 最初@import ルールはメディア クエリを指定せず、常に適用されます。
• 2 番目の @import ルールにはタイプミス (「max-width」の代わりに「device-width」) が含まれています。

これらの問題に対処するには、JavaScript ライブラリを使用した代替アプローチがメディア クエリ機能を実現するために推奨されます。 IE8.

以上がInternet Explorer 8 で CSS メディア クエリを実装するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。