最新の CSS テクニックを使用して Internet Explorer 10 を効果的にターゲットにするにはどうすればよいですか?

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

多くの Web 開発者は、Internet Explorer 10 などの特定のブラウザ バージョンをターゲットにするという課題に直面しています。従来の条件付きコメントは IE10 では信頼できないことが判明していますが、このニーズに効果的に対処する代替アプローチがあります。

IE10 では条件付きコメントが失敗する

指定したコード スニペットは、次のことを試みています。条件付きコメントを使用して IE10 をターゲットにします。ただし、IE10 はこれらのコメントを無視し、代わりにネストされた HTML コードを選択します。このため、このアプローチは特に IE10 をターゲットとする場合には効果がありません。

最新のブラウザ ターゲット テクニック

条件付きコメントやブラウザ検出方法 (navigator.userAgent など) に依存する代わりに、正確なターゲティングを提供する最新の CSS テクニックを使用します。

IE9、10、および 11 をターゲティング

バージョン IE9 ～ IE11 をターゲティングするには、次の CSS メディア クエリを使用します。

@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 */
}

IE10 のみをターゲット

次の CSS メディア クエリを使用して IE10 のみをターゲットにします:

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

Edge ブラウザをターゲット

Microsoft の Edge ブラウザをターゲットにする必要がある場合は、次の CSS 機能クエリを使用します:

参照

• [Moving Internet Explorer 固有の CSS を @media ブロックに追加する](https://nicolasgallagher.com/about-html-conditional-comments-and-css-media-queries/)
• [Internet Explorer 10 および 11 をターゲットにする方法CSS](https://css-tricks.com/how-to-target-ie10-11-using-css/)
• [Windows 10 および Microsoft Edge Web ブラウザーの CSS ハック](https:/ /css-tricks.com/css-hacks-for-windows-10-and-microsofts-edge-web-browser/)

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