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

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

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

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" >

以上がこの記事の全内容です。この記事の内容が皆さんの勉強や仕事に少しでも役立てば幸いです。また、123WORDPRESS.COM を応援していただければ幸いです。