ホームページ >ウェブフロントエンド >CSSチュートリアル >カスタマイズされた機能の CSS を使用して Internet Explorer 10 を具体的にターゲットにするにはどうすればよいですか?

カスタマイズされた機能の CSS を使用して Internet Explorer 10 を具体的にターゲットにするにはどうすればよいですか?

Barbara Streisand
Barbara Streisandオリジナル
2025-01-04 18:50:40764ブラウズ

How Can I Specifically Target Internet Explorer 10 with CSS for Customized Features?

カスタマイズされた機能について特に Internet Explorer 10 をターゲットにする

Internet Explorer に合わせた CSS や JavaScript などのカスタマイズされた機能について、特定のブラウザ バージョンをターゲットにする、戦略的な CSS メディアで実現できます

条件付きコメントの制限を克服する

元の質問で述べた条件付きコメントのアプローチでは、Internet Explorer 10 がコメントを無視し、クエリの機能が妨げられるという問題に直面しています。特に IE10 をターゲットにします。

IE9、10、および11 とメディア クエリ

9、10、11 など、さまざまな Internet Explorer バージョンをターゲットにするには、次の 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 */
}
) { /* Enter CSS here */ }

ターゲットInternet Explorer 10 専用

特に Internet Explorer 10 をターゲットとする場合、次のメディア クエリを実装できます:

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

Microsoft Edge ブラウザをターゲット

Microsoft Edge ブラウザに対応するために、次のメディア クエリを使用できます:

ブラウザの信頼できるソースターゲティング

さらに詳しいガイダンスと洞察については、次のソースを参照することをお勧めします:

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

以上がカスタマイズされた機能の CSS を使用して Internet Explorer 10 を具体的にターゲットにするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。