1 行のコードでさまざまな IE (IE6 ～ IE10) の互換性問題を解決

この記事では主に、IE6-IE10のさまざまな互換性の問題を1行のコードで解決する方法を紹介します。これは非常に優れた方法なので、皆さんのお役に立てれば幸いです。

x-ua-compatibility は、IE ブラウザーがページを解析してコンパイルするためのモデルを指定するために使用されます。

x-ua-compatibility ヘッダー タグは大文字と小文字を区別せず、head 内で使用する必要があり、他のメタの前に使用する必要があります。タイトル以外は。

1. 1 行のコードを使用して、特定のドキュメント モードを使用するブラウザを指定します。

<meta http-equiv="x-ua-compatible" content="IE=9" >
<meta http-equiv="x-ua-compatible" content="IE=8" >
<meta http-equiv="x-ua-compatible" content="IE=7" >

2. 場合によっては、ブラウザーによるドキュメントの解析を特定のバージョンに制限するか、ブラウザーのパフォーマンスを一部の古いバージョンに制限する必要があります。次の方法を使用できます:

<meta http-equiv="x-ua-compatible" content="IE=EmulateIE9" >
<meta http-equiv="x-ua-compatible" content="IE=EmulateIE8" >
<meta http-equiv="x-ua-compatible" content="IE=EmulateIE7" >

この書き込み方法を使用すると、ブラウザーは解析に標準モードを使用することも、解析に IE5 Quirks モードを使用することもできます。

3. テストのために、次のステートメントを使用して、ブラウザーが最高の標準モードに従ってページを解析することを指定することもできます。

<meta http-equiv="x-ua-compatible" content="IE=edge" >

4. 複数のモードの指定。この場合、ブラウザは標準モードで表示するために、このリストからサポートされている最も高いバージョンを選択します。以下の例のように、IE8 で閲覧する場合、IE9 と IE10 はサポートされていないため、IE7 の標準モードがレンダリングに使用されます。

<meta http-equiv="x-ua-compatible" content="IE=7,9,10" >

関連する推奨事項:

IE 6、7、および 8 の透明性に関する互換性の問題を解決する方法

js Date() 日付関数のブラウザ互換性問題を解決する

IE ブラウザの互換性問題書き方をいくつかシェアしましょう