CSS を Internet Explorer にのみ適用する

CSS の適用を Internet Explorer の特定のバージョン (7、8、など) に制限するには9 では、Microsoft 固有のメディア クエリを利用することで効果的なソリューションが提供されます。

この例では、CSS コードは次の幅を適用することを目的としています。 100% IE ブラウザのみ。仕組みの詳細な内訳は次のとおりです:

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #myElement {
        width: 100%;
    }
}

Microsoft 固有のメディア クエリ:

• メディア クエリ画面と (-ms-high-contrast: active)、(-ms-high-コントラスト: なし) は、Microsoft IE 用に特別に設計されています。
• -ms-high-contrast プロパティは IE に固有であり、ユーザーがハイ コントラスト モードが有効です。

検証:

• -ms-high-contrast に active 値と none 値の両方を含めることで、メディア クエリハイ コントラスト モードの設定に関係なく、IE バージョンとの互換性が保証されます。
• IE はこのメディア クエリのみを解析し、他のブラウザは無視します。 it.

結論:

このアプローチでは、CSS を Internet Explorer バージョン 7、8、および 9 にのみ効果的に適用し、影響を与えることなく特定のブラウザーをターゲットにすることができます。ウェブサイトの残りのスタイル。