Internet Explorer 10 を確実にターゲットにして特定のスタイルと機能を実現するにはどうすればよいですか?-CSSチュートリアル-php.cn

Internet Explorer 10 を確実にターゲットにして特定のスタイルと機能を実現するにはどうすればよいですか?

DDD

リリース： 2024-12-23 18:43:20

オリジナル

683 人が閲覧しました

How Can I Reliably Target Internet Explorer 10 for Specific Styling and Functionality?

特定の状況で 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 サイトの他の関連記事を参照してください。