CSS で Internet Explorer 10 を具体的にターゲットにする方法は?

Internet Explorer 10 を特にターゲットにする

Internet Explorer では、特定のスタイルを適用したり、特定の JavaScript コードを実行したりする際に、特有の課題が発生することがあります。 Internet Explorer 10 のみをターゲットにするには、カスタマイズされたアプローチが必要です。

あなたが試行した条件付きコメント方法は、Internet Explorer をターゲットにするために一般的に使用されていますが、Internet Explorer 10 には特に機能しないようです。

CSS メディア クエリの利用

条件付きコメントに依存する代わりに、CSS メディア クエリを選択します。 Internet Explorer のさまざまなバージョンをターゲットにするためのオプションをいくつか示します:

• 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) {
      /* CSS for IE 10 only here */
  }

  ログイン後にコピー
  ) { /* CSS for IE 9, 10, and 11 here */ }

• Internet Explorer 10 のみ:

  @supports (-ms-accelerator:true) {
      .selector { property: value; } /* CSS for Edge here */
  }

  ログイン後にコピー

• Edge ブラウザ:

メディア クエリを使用する理由

メディア クエリは、特定のブラウザをターゲットにするためのより信頼性の高い方法です。これらはスプーフィングの影響を受けにくく、より正確なターゲティング メカニズムを提供します。

さらなる参考情報源:

• [Internet Explorer 固有の CSS を @media に移動する]ブロック](https://css-tricks.com/moving-internet-explorer-special-css-into-media-blocks/)
• [CSS で Internet Explorer 10 および 11 をターゲットにする方法](https ://www.sitepoint.com/target-internet-explorer-10-11-css/)
• [Windows 10 および Microsoft の Edge Web ブラウザーの CSS ハック](https://css-tricks.com /css-hacks-windows-10-microsoft-edge-web-browser/)

以上がCSS で Internet Explorer 10 を具体的にターゲットにする方法は?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。