Internet Explorer 7, 8, 9에만 CSS 스타일을 적용하려면 어떻게 해야 합니까?

Internet Explorer에만 CSS 적용

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

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

<code class="css">@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #myElement {
        width: 100%;
    }
}</code>

Microsoft 전용 미디어 쿼리:

• 미디어 쿼리 화면 및 (-ms-high- 대비: 활성), (-ms-high-contrast: 없음)은 Microsoft IE용으로 특별히 설계되었습니다.
• -ms-high-contrast 속성은 IE에 고유하며 사용자가 높은 대비를 사용하는지 확인하는 데 사용됩니다. -대비 모드가 활성화되었습니다.

검증:

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

결론:

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

위 내용은 Internet Explorer 7, 8, 9에만 CSS 스타일을 적용하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!