Javascript 将css应用于IE10及以下版本
我认为IE 10、9等不再支持条件语句,对吗?JQuery是否也不再支持1.9版以上的浏览器对象 我正试图为IE应用css规则。当在我的网站上使用谷歌字体时,Chrome会以Javascript 将css应用于IE10及以下版本,javascript,jquery,html,css,internet-explorer,Javascript,Jquery,Html,Css,Internet Explorer,我认为IE 10、9等不再支持条件语句,对吗?JQuery是否也不再支持1.9版以上的浏览器对象 我正试图为IE应用css规则。当在我的网站上使用谷歌字体时,Chrome会以14px的速度渲染,看起来很好,在IE中,它大约等于15px,尽管开发者工具显示它是14px。如果我在IE上把它降低到13px,那么它看起来和Chrome一样大 向IE10及以下版本中添加一个可以跨所有IE版本工作的类的最佳方法是什么?这是一种愚蠢的解决方案,但它可以工作(仅适用于IE10及以上版本): 我认为一般来说最好不
14px
的速度渲染,看起来很好,在IE中,它大约等于15px
,尽管开发者工具显示它是14px
。如果我在IE上把它降低到13px,那么它看起来和Chrome一样大
向IE10及以下版本中添加一个可以跨所有IE版本工作的类的最佳方法是什么?这是一种愚蠢的解决方案,但它可以工作(仅适用于IE10及以上版本):
我认为一般来说最好不要担心1px的差异。问题是1px的差异会使文本溢出菜单栏。所有浏览器都有不同的字体渲染设置,我认为1px的差异是可以接受的。我建议重新考虑您的边距/填充,以允许这种字体呈现差异。此处的更多信息:您是否尝试显式指定
行高
?这有助于我处理导致OS X中内容溢出的奇怪字体渲染。此外,代码示例和live fiddle可能有助于我们使用IE10特定的黑客解决您的问题。字体大小的1px差异可能是您需要担心的问题,但我将主要尝试解决基本问题。这里没有太多关于它的真实信息。IE9、IE8等呢?顺便说一下,这也与IE 11相匹配。“仅限IE10”有点误导,因为您的代码片段也与IE 11相匹配。谢谢,这似乎可以做到这一点:)
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
// do your IE10 magic
}