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