>웹 프론트엔드 >CSS 튜토리얼 >CSS를 사용하여 Internet Explorer 11을 안정적으로 감지하려면 어떻게 해야 합니까?

CSS를 사용하여 Internet Explorer 11을 안정적으로 감지하려면 어떻게 해야 합니까?

DDD
DDD원래의
2024-12-30 04:12:11787검색

How Can I Reliably Detect Internet Explorer 11 Using CSS?

CSS 기능/기능 감지로 IE11 감지

브라우저별 기능 향상이나 해결 방법을 위해 특정 Internet Explorer 버전을 식별해야 하는 경우가 많습니다. CSS 기능 감지를 사용하여 IE10 감지를 수행할 수 있지만 IE10과 IE11을 구별하는 것은 어려울 수 있습니다.

가능한 해결책 중 하나는 문서화되지 않은 CSS 속성과 IE11에만 도입된 값을 활용하는 것입니다. 고려해야 할 몇 가지 잠재적인 속성은 다음과 같습니다.

  • _:-ms-fullscreen: 이 속성은 IE11 이상에서 지원됩니다.
  • :root .ie11up: IE11 및 IE11을 대상으로 하는 루트 선택기와 사용자 정의 클래스의 조합

이러한 속성을 결합하여 IE11에 특정한 CSS 규칙을 만들 수 있습니다.

_:-ms-fullscreen, :root .ie11up {
  property: value;
}

이 규칙은 _:- ms-fullscreen 속성 또는 .ie11up 클래스가 존재하므로 IE11 이상 버전만 대상으로 합니다.

그러나 브라우저 감지 해킹은 잠재적인 문제를 일으킬 수 있으므로 일반적으로 권장되지 않는다는 점에 유의하는 것이 중요합니다. 주요 권장 사항은 기능 감지를 위한 JavaScript 라이브러리인 modernizr.js를 사용하거나 지원되지 않는 방법에 의존하지 않도록 플랫폼 기반 CSS 선택기를 고려하는 것입니다.

위 내용은 CSS를 사용하여 Internet Explorer 11을 안정적으로 감지하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.