特定の Internet Explorer バージョンで条件付きスタイルを実現するにはどうすればよいですか?

Internet Explorer の条件付き CSS: IE 内でのスタイルの特異性の実現

Internet Explorer 内でのスタイルの特異性の実現は、特に特定のルールがある場合に困難になることがあります。ブラウザの特定のバージョンのみを対象としています。この場合、CSS ブロック内の要素に 100% の幅を適用したいと考えていますが、これは Internet Explorer 7、8、9 のみに適用されます。

解決策は、Microsoft 固有のメディア クエリを使用することです。 @media screen および (-ms-high-contrast: active)、(-ms-high-contrast: none){} として知られています。このメディア クエリは Internet Explorer 10 以降で特別に解析され、その中のスタイル ルールが IE にのみ適用されることが保証されます。

このメディア クエリを使用することで、スタイル ルールを分離し、インターネットの特定のバージョンをターゲットにすることができます。エクスプローラ。以下に例を示します。

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   .actual-form table {
        width: 100%;
   }
}

この例では、.actual-form テーブル クラス内の要素に 100% の幅を適用しますが、これは Internet Explorer 7、8、または 9 で表示した場合に限られます。このアプローチにより、条件付きスタイルを対象の IE バージョンに適用しながら、ブラウザーの互換性を維持できます。

以上が特定の Internet Explorer バージョンで条件付きスタイルを実現するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。