Internet Explorer 브라우저에만 CSS 스타일을 적용하려면 어떻게 해야 합니까?

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 브라우저만 이 스타일 규칙을 준수하게 됩니다.

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