ホームページ > ウェブフロントエンド > jsチュートリアル > CSS と JavaScript で Internet Explorer 10 を具体的にターゲットにするにはどうすればよいでしょうか?

CSS と JavaScript で Internet Explorer 10 を具体的にターゲットにするにはどうすればよいでしょうか?

Barbara Streisand
リリース: 2024-11-15 03:59:02
オリジナル
503 人が閲覧しました

How Can You Specifically Target Internet Explorer 10 in CSS and JavaScript?

特に CSS と JavaScript で Internet Explorer 10 をターゲットにする

ユーザー エクスペリエンスを最適化するには、Internet Explorer のバージョンを区別することが重要です。 Internet Explorer 10 を明示的にターゲットにするには、次の戦略を検討してください。

条件付きコメントは、IE のバージョンを区別できないため、効果がありません。代わりに、CSS メディア クエリを選択します。

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) {
    /* IE10+ CSS here */
}
ログイン後にコピー
) { /* Enter CSS here */ }

特に IE 10 をターゲットとする場合:

@supports (-ms-accelerator:true) {
  .selector { property:value; } 
}
ログイン後にコピー

Edge Browser をターゲットにする場合:

これらのメソッドは Internet Explorer 10 を正確にターゲットにし、特定の CSS または JavaScript コードが確実に適用されるようにします。ブラウザの必要なバージョンのみに適用されます。これらの手法を利用する場合は、ブラウザーの互換性と使いやすさを必ず優先してください。

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

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート