如何让IE10和IE11跨浏览器兼容？答案

【问题标题】：How to make cross-browser compatibility with IE10 and IE11?如何让IE10和IE11跨浏览器兼容？
【发布时间】：2013-10-12 12:06:08
【问题描述】：

我有一个问题：如何使跨浏览器兼容 IE 10 和 IE11？

原因是从版本 10 开始不再接受条件样式表，这就是我迄今为止解决跨浏览器兼容性问题的方法。我一直使用它们，取自这个非常好的文档：

http://css-tricks.com/how-to-create-an-ie-only-stylesheet/

现在我不知道该怎么办。我试图使一般样式适合 IE 11，然后为所有其他浏览器（不是 IE）制作特殊样式，但我需要条件语句。如果我写这个：

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

IE11 无论如何都会链接到该 css 样式表，并应用该样式。所以我不知道如何区分 IE 的样式和其余的样式。

你知道现在最好的方法是什么吗？

非常感谢！

【问题讨论】：

您确定不是建议您可以对所有 IE 版本使用相同的样式表？
对不起，如果没有在问题中指定！基本上对于 IE
你不能，IE 开发人员非常聪明，他们决定 IE 不再需要条件语句。您将需要使用像 Modernizr 这样的 javascript 插件
究竟是什么在 IE10 和 IE11 之间发生了变化，让您想要一个条件样式表？在大多数情况下，我发现每个浏览器版本都越来越不需要它。如果您指定实际问题，我们可能会提供帮助：有一个很好的变化，将有一个简单的解决方案，不需要您检测浏览器或版本。
我对标题的字母间距有疑问。在 Chrome 中我正好需要 0.18em，而在 IE 11 中我正好需要 0.10em。然后我与填充有差异。 IE 和 Chrome 之间大约有 40px 的差异，我的主要 div 需要它。也许 StackOverflow 的下一个问题可能是如何使用 Modernizr 准确检测 IE 版本 > 9，您怎么看？

标签： html css internet-explorer cross-browser internet-explorer-11

【解决方案1】：

如果您使用的是 PHP 服务，您可以使用 PHP 的“get_browser”函数来确定版本并根据检索到的版本打印 <link> 标签。或者在 Javascript 中，使用类似 "whichbrowser" (http://whichbrowser.net/) 的东西来检测它，然后使用 document.write 打印出带有 IE 样式表的替代 <link> 标记。

【讨论】：

【解决方案2】：

我和斯普德利在一起。您的字体系列值是什么样的？你是用MAC检查Chrome，然后用虚拟机检查IE吗？在同一台机器上检查 Chrome 和 IE。还要确保您没有使用仅 MAC 字体作为引导字体。您是否还在使用 CSS 重置来平衡字母间距等设置？请记住，每个浏览器都有一个基本样式表，它们并不完全相同，因此重置是一种消除规则的方法。

【讨论】：

所以填充问题可能是由其他原因引起的，可能是其他一些 javascript。无论如何，根据你们所说，我原来的问题“如何使跨浏览器与 IE10 和 IE11 兼容？”的答案。基本上是“别担心，没有必要再那样做了”我理解正确吗？
@johnnyfittizio：肯定不应该需要它，不。在这种特定情况下是否实际上需要它是另一个问题，但我的感觉是这里可能有一个不需要任何特定于浏览器的解决方案。不过，我还没有机会真正深入了解您的 jsbin，所以我无法给您明确的答案。
谢谢斯普德利。不用担心 Jsbin。反正不是问题。我设法解决了删除类的字体大小规则的字母间距问题（不知何故存在冲突）。现在填充看起来很好。无论如何，我很感兴趣如何使用modernizr检查浏览器是否为IE> 9（在不清楚冲突来源的更复杂的情况下用作极端解决方案）。我很快就会提出一个新问题。感谢您的帮助！