如何使用 CSS 专门针对 Internet Explorer 10？

专门针对 Internet Explorer 10

在应用特定样式或执行某些 JavaScript 代码时，Internet Explorer 可能会带来独特的挑战。专门针对 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 */
  }

  登录后复制

• 边缘浏览器：

为什么使用媒体查询？

媒体查询是一个更针对特定浏览器的可靠方法。它们不易受到欺骗，并提供更精确的定位机制。

进一步参考来源：

• [将 Internet Explorer 特定 CSS 移至 @media块](https://css-tricks.com/moving-internet-explorer-specific-css-into-media-blocks/)
• [如何在 CSS 中定位 Internet Explorer 10 和 11](https ://www.sitepoint.com/target-internet-explorer-10-11-css/)
• [Windows 10 和 Microsoft Edge 的 CSS Hacks网页浏览器](https://css-tricks.com/css-hacks-windows-10-microsoft-edge-web-browser/)

以上是如何使用 CSS 专门针对 Internet Explorer 10？的详细内容。更多信息请关注PHP中文网其他相关文章！