ホームページ >ウェブフロントエンド >CSSチュートリアル >Internet Explorer 10 を確実にターゲットにして特定のスタイルと機能を実現するにはどうすればよいですか?
Internet Explorer 10 を確実にターゲットにして特定のスタイルと機能を実現するにはどうすればよいですか?
- DDDオリジナル
- 2024-12-23 18:43:20673ブラウズ
特定の状況で Internet Explorer 10 をターゲットにする: ブラウザの癖を操作する
ブラウザ間の互換性を扱う場合、特定のブラウザ バージョンをターゲットにすることが重要になる場合があります最適なレンダリングを保証します。開発者が直面する一般的な課題の 1 つは、IE 固有のスタイルまたは JavaScript 機能を適用するために Internet Explorer 10 のみをターゲットにすることです。
条件付きコメント: 誤解を招くアプローチ
最初は、次のような試みが考えられます。次のように条件付きコメントを使用して IE 10 をターゲットにするには:
<!--[if IE 10]>
<html class="no-js ie10" lang="en">
<![endif]-->
<!--[if !IE]>
<html lang="en" class="no-js">
<![endif]-->
ただし、Internet Explorer 10 ではこれらのコメントが尊重されず、無効になります。
堅牢なターゲティング手法
代わりに、IE 10 を確実にターゲティングするには次の方法を検討してください。
IE 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 */
}) {
/* CSS for IE 9, 10, and 11 */
}
Internet Explorer をターゲットとする 10
@supports (-ms-accelerator:true) {
.selector { property:value; }
}
Microsoft をターゲットとするEdge
ソース:
- Internet Explorer 固有の CSS を @media ブロックに移動
- Internet Explorer をターゲットにする方法CSS の 10 と 11
- Windows 向け CSS ハック10 および Microsoft の Edge Web ブラウザ
以上がInternet Explorer 10 を確実にターゲットにして特定のスタイルと機能を実現するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。