CSS를 사용하여 Internet Explorer 10을 구체적으로 타겟팅하는 방법은 무엇입니까?

Internet Explorer 10을 구체적으로 타겟팅

Internet Explorer는 특정 스타일을 적용하거나 특정 JavaScript 코드를 실행할 때 고유한 과제를 제시할 수 있습니다. Internet Explorer 10을 타겟팅하려면 맞춤형 접근 방식이 필요합니다.

귀하가 시도한 조건부 주석 방법은 Internet Explorer를 타겟팅하는 데 일반적으로 사용되지만 Internet Explorer 10에서는 특별히 작동하지 않는 것 같습니다.

CSS 미디어 쿼리 활용

조건부 주석에 의존하는 대신 CSS 미디어 쿼리를 선택하세요. 다음은 Internet Explorer의 다양한 버전을 타겟팅하기 위한 몇 가지 옵션입니다.

• Internet Explorer 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 only here */
  }

  로그인 후 복사
  ) { /* CSS for IE 9, 10, and 11 here */ }

• Internet Explorer 10 전용:

  @supports (-ms-accelerator:true) {
      .selector { property: value; } /* CSS for Edge here */
  }

  로그인 후 복사

• Edge 브라우저:

미디어 쿼리를 사용하는 이유

미디어 쿼리는 특정 브라우저를 타겟팅하는 데 더 안정적인 방법입니다. 스푸핑에 덜 취약하고 보다 정확한 타겟팅 메커니즘을 제공합니다.

추가 참조 소스:

• [Internet Explorer 전용 CSS를 @media로 이동 블록](https://css-tricks.com/moving-internet-explorer-special-css-into-media-blocks/)
• [CSS에서 Internet Explorer 10 및 11을 타겟팅하는 방법](https ://www.sitepoint.com/target-internet-explorer-10-11-css/)
• [Windows 10 및 Microsoft Edge 웹 브라우저용 CSS 해킹](https://css-tricks.com /css-hacks-windows-10-microsoft-edge-web-browser/)

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