Internet Explorer 専用のスタイル アプリケーション

特定の CSS コード ブロックでは、ユーザーは特定のスタイルを Internet Explorer (IE) ブラウザにのみ適用し、無視する必要がある場合があります。

IE 7-9 の幅プロパティのカスタマイズ

たとえば、テーブルの幅を 100% に設定する CSS ルールがあるが、このプロパティを IE 7、8、9 のみで表示したい場合、簡単な解決策はメディア クエリを利用することです。

メディア クエリの利用

@media ルールを採用することで、特定のブラウザのバージョンまたは機能を対象としたスタイルを指定できます。 IE との互換性を確保するには、Microsoft Internet Explorer 10 以降に固有の -ms-high-contrast プロパティを使用できます。

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

説明

このメディア クエリは IE 10 以降をターゲットにしており、ユーザーのハイ コントラストに関係なく、実際の形式のテーブル要素に width: 100% スタイルを適用します。設定。これにより、指定されたバージョン内の IE ブラウザのみがこのスタイル ルールに従うことが保証されます。