IE8 は最新の CSS メディア クエリをサポートしていますか?

IE8 互換 CSS メディア クエリ

質問: IE8 は次の CSS メディア クエリをサポートしていませんか?

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

回答: IE8 は指定されたメディア クエリをサポートしていません。 IE8 と互換性のある別の記述方法は次のとおりです。

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

注: この更新されたコードは、ネストされた @import ステートメントを使用します。ただし、@import はパフォーマンスに影響を与える可能性があるため、運用環境での使用はお勧めできません。代わりにメディア クエリ ポリフィルの使用を検討してください。

CSS3 メディア クエリ ポリフィル:

IE8 以前のブラウザでメディア クエリをサポートするには、JavaScript ポリフィルを使用できます。 like:

• css3-mediaqueries-js: メディア クエリをエミュレートしますが、インポートされたスタイルシートでは機能しません。
• Respond.js: min-width を有効にし、 max-width メディア クエリのみ。

以上がIE8 は最新の CSS メディア クエリをサポートしていますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。