javascript - jQuery:如何使 css ('line-height' ) 跨浏览器工作

Question

我支持 IE8 及更高版本。

$(something).css('line-height');

在 Chrome 中返回 32px 但在 IE8 中返回 normal

我该如何解决这个问题？也许是原生 javascript 变体？

Answer 1

这似乎是一个 webkit 与 IE 的问题。不确定 FF，但有几个选项可以修复它。公开指定像素值将起作用。但我不喜欢这样做，因为如果你用媒体查询缩放文本等，就很难保持比例。我能够通过在 em 中公开指定行高(而不是让它继承)来让它工作。它之前设置为 IE8 无法识别的 rems 也很重要。