Internet Explorer에만 CSS 적용

CSS 적용을 특정 버전의 Internet Explorer(예: 7, 8, 9에서는 Microsoft 전용 미디어 쿼리를 활용하는 것이 효과적인 솔루션을 제공합니다.

제공된 예에서 CSS 코드는 IE 브라우저에만 100% 너비를 적용하는 것을 목표로 합니다. 작동 방식에 대한 자세한 분석은 다음과 같습니다.

@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-고대비에 활성 값과 없음 값을 모두 포함함으로써 미디어 쿼리는 고대비 모드에 관계없이 IE 버전과의 호환성을 보장합니다. 설정.
• IE는 이 미디어 쿼리만 구문 분석하고 다른 브라우저는 이를 무시합니다.

결론:

이 접근 방식이 효과적으로 적용됩니다. Internet Explorer 버전 7, 8, 9 전용 CSS를 사용하면 나머지 웹사이트 스타일에 영향을 주지 않고 특정 브라우저를 타겟팅할 수 있습니다.