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

DDD
풀어 주다: 2024-11-11 13:33:02
원래의
491명이 탐색했습니다.

How to Effectively Target Internet Explorer 10 with Modern CSS Techniques?

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿