css - IE 条件样式表

Question

所以我正在尝试为 IE 设置一个条件样式表。但是，它根本行不通。

这是我在标题中的代码：

<!--[if IE]>
    <link rel="stylesheet" type="text/css" href="css/ieStyle.css" />
<![endif]-->

1. 我的语法似乎是正确的
2. 我知道我的样式表的路径是正确的
3. 没有 X-UA 兼容的元标记干扰

那么我的问题可能是什么？

Answer 1

您不能使用条件注释来定位 IE10。在 IE10 中已经放弃了对这些的支持，因为它比过去的 IE 版本更“符合标准”（因此主要消除了专门针对它的需要）。

专门针对 IE10 的唯一方法是通过 JavaScript 检查navigator.userAgent字符串中特定于 IE10 的值。然而，这一点非常不受欢迎（我会让你自己研究为什么，谷歌会提供大量关于你为什么不应该使用的东西userAgent）。而不是检查正在使用的浏览器（或似乎正在使用，因为您可以欺骗userAgent），您应该检查您想要的特定功能是否确实存在，如果不依赖于其他功能。您检查的方式取决于相关功能。

所以你应该问自己：“为什么我需要以 IE10 为目标？”。很可能您实际上并不想要或不需要这样做，或者您可以重构您拥有的内容，这样您就不需要针对特定​​的浏览器。