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

IE8 および CSS メディア クエリ: トラブルシューティングと代替案

質問:

IE8 は次のように見えます。次のメディアはサポートされていませんクエリ:

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

これが本当の場合、どのような代替構文が使用できますか?

回答:

IE8 は実際に CSS メディアをサポートしていませんクエリ。回避策として、次のコードを使用できます:

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

ただし、この解決策には制限があります。最新のブラウザで利用できるすべてのメディア クエリ機能はサポートされていません。

代替ソリューション:

IE8 でメディア クエリをエミュレートするより完全なソリューションについては、css3 の使用を検討してください。 -mediaqueries-js スクリプト。このスクリプトはメディア クエリをエミュレートしますが、いくつかの制約があります。

• インポートされたスタイルシートでは機能しません。
• のメディア属性は無視されます。 <スタイル>

機能が制限されたより簡単な代替手段は、最小幅と最大幅のメディア クエリのみをサポートする Respond.js です。

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