최신 CSS 기술을 사용하여 Internet Explorer 10을 효과적으로 타겟팅하는 방법은 무엇입니까?

Internet Explorer 10 타겟팅: 종합 가이드

많은 웹 개발자는 Internet Explorer 10과 같은 특정 브라우저 버전을 타겟팅해야 하는 문제에 직면합니다. 기존의 조건부 주석은 IE10에서 신뢰할 수 없는 것으로 입증되었지만 이를 효과적으로 해결하는 대체 접근 방식이 있습니다. need.

IE10에서 조건부 주석 실패

제공하신 코드 조각은 조건부 주석을 사용하여 IE10을 대상으로 시도합니다. 그러나 IE10은 이러한 주석을 무시하고 대신 중첩된 HTML 코드를 선택합니다. 이로 인해 이 접근 방식은 IE10을 구체적으로 타겟팅하는 데 효과적이지 않습니다.

최신 브라우저 타겟팅 기법

조건부 주석이나 브라우저 감지 방법(예: navigator.userAgent)에 의존하는 대신, 정확한 타겟팅을 제공하는 최신 CSS 기술을 사용하세요.

타겟팅 IE9, 10 및 11

IE9~IE11 버전을 타겟팅하려면 다음 CSS 미디어 쿼리를 사용하세요.

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

) { /* Enter CSS here */ }

IE10만 타겟팅

다음 CSS 미디어를 사용하여 IE10만을 타겟팅합니다. 쿼리:

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

Edge 브라우저 타겟팅

Microsoft Edge 브라우저를 타겟팅해야 하는 경우 다음 CSS 기능을 사용하세요. 쿼리:

참조

• [Internet Explorer 특정 CSS를 @media 블록으로 이동](https://nicolasgallagher.com/about-html -conditional-comments-and-css-media-queries/)
• [Internet Explorer 타겟팅 방법 CSS의 10 및 11](https://css-tricks.com/how-to-target-ie10-11-using-css/)
• [Windows 10 및 Microsoft Edge 웹용 CSS 해킹 브라우저](https://css-tricks.com/css-hacks-for-windows-10-and-microsofts-edge-web-browser/)

위 내용은 최신 CSS 기술을 사용하여 Internet Explorer 10을 효과적으로 타겟팅하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!