将css应用于IE10及以下答案

【问题标题】：Applying css to IE10 and below将css应用于IE10及以下
【发布时间】：2013-10-04 21:14:03
【问题描述】：

我认为 IE 10、9 等不再支持条件语句是否正确？还是JQuery不再支持1.9以上的浏览器对象的情况？

我正在尝试为 IE 应用 css 规则。在我的网站上使用 Google 字体时，Chrome 会以 14px 呈现它，它看起来不错，在 IE 中它大约等于 15px，即使开发人员工具显示它是 14px。如果我在 IE 上将其降为 13px，它看起来与 Chrome 的大小相同。

向 IE10 及更低版本添加一个适用于所有 IE 版本的类的最佳方法是什么？

【问题讨论】：

我认为通常最好不要担心 1px 的差异。
问题是 1px 的差异导致文字溢出菜单栏。
所有浏览器都有不同的字体渲染设置，我相信1px的差异是可以接受的。我建议重新考虑您的边距/填充以允许这种字体渲染差异。更多信息在这里：smashingmagazine.com/2012/04/24/a-closer-look-at-font-rendering
您是否尝试过明确指定line-height？这帮助我处理了导致 OS X 中内容溢出的奇怪字体渲染。此外，代码示例和实时小提琴可以帮助我们解决您的问题，而无需使用 IE10 特定的黑客。
font size 1px 的差异是您可能需要担心的，但我主要会尝试解决基本问题。这里没有太多关于它的真实信息。

【解决方案1】：

这是一种愚蠢的解决方案，但它有效（仅适用于 IE10 及更高版本）：

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    // do your IE10 magic
}

【讨论】：