CSS と JavaScript で特に Internet Explorer 10 をターゲットにするにはどうすればよいですか?

Internet Explorer 10 を特にターゲットにする: 総合ガイド

はじめに

Internet Explorer を扱う場合-特定の状況では、バージョン 10 を正確にターゲットにすることが重要になる可能性があります。この記事では、Internet Explorer 10 のみをターゲットにし、CSS と JavaScript コードが意図したとおりに機能するようにするためのさまざまな方法について詳しく説明します。

条件付きコメントによるアプローチ

条件付きコメントを使用しようとすると、Internet Explorer 10 は条件付きコメントを無視することが知られています。これにより、デフォルトの HTML 構造が適用されることになりますが、これは望ましい結果ではない可能性があります。

代替ソリューション

1.機能ベースのメディア クエリ:

Internet Explorer 9、10、および 11 をターゲットにするには、次のメディア クエリを使用します:

@media screen and (min-width:0<pre class="brush:php;toolbar:false">@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS here */
}

2.ハイコントラスト ターゲット:

Internet Explorer 10 のみをターゲットにするには、次のメディア クエリを使用します:

@supports (-ms-accelerator:true) {
  .selector { property:value; } 
}

3. Edge ブラウザーの CSS ハック:

Internet Explorer 10 とコードベースを共有する Microsoft Edge ブラウザーを対象とする場合は、次の CSS ハックを実装します:

結論

上記の方法を利用すると、特定のスタイルを Internet Explorer 10 に効果的に適用できます。そしてスクリプトの実行。ユーザー エージェント スニッフィングの潜在的な制限を忘れずに考慮し、プロジェクトの要件に最も適切なソリューションを選択してください。

以上がCSS と JavaScript で特に Internet Explorer 10 をターゲットにするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。