CSS を使用して Internet Explorer 11 を確実に検出するにはどうすればよいですか?

CSS 機能/機能検出による IE11 の検出

多くの場合、ブラウザー固有の機能強化や回避策には、Internet Explorer の特定のバージョンを識別することが必要です。 IE10 の検出は CSS 機能の検出を使用して実現できますが、IE10 と IE11 を区別するのは難しい場合があります。

考えられる解決策の 1 つは、IE11 でのみ導入された文書化されていない CSS プロパティと値を活用することです。考慮すべきいくつかの潜在的なプロパティを次に示します。

• _:-ms-fullscreen: このプロパティは、IE11 以降でサポートされています。
• :root .ie11up: IE11 をターゲットとするルート セレクターとカスタム クラスの組み合わせ。

これらのプロパティを組み合わせることで、IE11 に固有の CSS ルールを作成できます。

_:-ms-fullscreen, :root .ie11up {
  property: value;
}

このルールは、_:- のいずれかの場合にのみ要素にスタイルを適用します。 ms-fullscreen プロパティまたは .ie11up クラスが存在し、IE11 以降のバージョンのみを対象とすることが保証されます。

ただし、ブラウザ検出のハッキングは潜在的な問題を引き起こす可能性があるため、通常は推奨されないことに注意することが重要です。主な推奨事項は、機能検出用の JavaScript ライブラリである modernizr.js を使用するか、サポートされていないメソッドへの依存を避けるためにプラットフォームベースの CSS セレクターを検討することです。

以上がCSS を使用して Internet Explorer 11 を確実に検出するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。