CSS または JavaScript のみを使用して Internet Explorer 10 をターゲットにする方法は?

条件付き CSS または JavaScript を使用して Internet Explorer 10 のみをターゲットにする

Web ブラウザーの特定のバージョンをターゲットにすることは、最適なパフォーマンスとユーザー エクスペリエンスを確保するために重要です。 。 Internet Explorer (IE) 10 を対象とする場合、その特定のニーズを分離して対処する効果的な手法があります。

条件付きコメントは不十分

提供される条件付きコメント質問では、 を使用して IE 10 をターゲットにしようとしています。ただし、前述したように、このアプローチには、IE がスタイルを無視し、代わりに IE 固有ではないスタイルを適用するという欠陥があります。

IE 10 のターゲット設定に推奨されるアプローチ

効果的に行うにはnavigator.userAgent のような潜在的なスプーフィング可能なメソッドを使用せずに IE 10 をターゲットにするには、次のアプローチを検討してください:

• IE 9-11 のメディア クエリ: を使用して IE 9、10、および 11 をターゲットにします。 @media screen や (min-width:0 ) { ... } のような構文を使用したメディア クエリ。
• IE 10 のメディア クエリ: 具体的には、以下を利用するメディア クエリを使用して IE 10 をターゲットにします。 ms-high-contrast 値: @media all および (-ms-high-contrast: none)、(-ms-high-contrast: active) { ... }.
• メディア クエリEdge ブラウザ: IE に代わる Edge ブラウザをターゲットにするには、-ms-accelerator: @supports (-ms-accelerator:true) { ... }.

を参照するメディア クエリを使用します。これらのテクニックを利用することで、Internet Explorer 10 を正確にターゲットにし、特定の CSS または JavaScript コードを適用して、この特定のブラウザー バージョンのユーザーに合わせたエクスペリエンスを保証できます。

以上がCSS または JavaScript のみを使用して Internet Explorer 10 をターゲットにする方法は?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。