>웹 프론트엔드 >CSS 튜토리얼 >특정 스타일 및 기능에 대해 Internet Explorer 10을 안정적으로 대상으로 지정하려면 어떻게 해야 합니까?

특정 스타일 및 기능에 대해 Internet Explorer 10을 안정적으로 대상으로 지정하려면 어떻게 해야 합니까?

DDD
DDD원래의
2024-12-23 18:43:20673검색

How Can I Reliably Target Internet Explorer 10 for Specific Styling and Functionality?

특정 상황에 맞게 Internet Explorer 10 타겟팅: 브라우저 문제 탐색

브라우저 간 호환성을 사용하는 경우 특정 브라우저 버전을 타겟팅하는 것이 중요할 수 있습니다. 최적의 렌더링을 보장합니다. 개발자가 직면하는 일반적인 과제 중 하나는 IE 관련 스타일이나 JavaScript 기능을 적용하기 위해 Internet Explorer 10만을 대상으로 하는 것입니다.

조건부 설명: 오해의 소지가 있는 접근 방식

처음에는 시도할 수도 있습니다. IE 10을 대상으로 조건부 주석을 사용하려면 다음과 같이 하세요.

<!--[if IE 10]>
    <html class="no-js ie10" lang="en">
<![endif]-->
<!--[if !IE]>
    <html lang="en" class="no-js">
<![endif]-->

그러나 Internet Explorer는 10은 이러한 의견을 존중하지 않아 효과가 없게 만듭니다.

강력한 타겟팅 기술

대신 IE 10을 안정적으로 타겟팅하려면 다음 방법을 고려하세요.

IE 9, 10 및 11

@media screen and (min-width:0<pre class="brush:php;toolbar:false">@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* CSS for IE 10 */
}
) { /* CSS for IE 9, 10, and 11 */ }

Internet Explorer 10을 타겟팅

@supports (-ms-accelerator:true) {
  .selector { property:value; } 
}

Microsoft를 타겟팅 Edge

출처:

  • Internet Explorer 특정 CSS를 @media 블록으로 이동
  • Internet Explorer를 타겟팅하는 방법 CSS의 10 및 11
  • Windows 10 및 CSS 해킹 마이크로소프트 엣지 웹 브라우저

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

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