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

Question

我支持IE8和更高版本。

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

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

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

Answer 1

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

Answer 2

    function lineHeight(element){
       var tmp=$("<div>test</div>");
       element.append(tmp);
       tmp.css({"padding":"0","margin":"0","border":"0"});
       var height = tmp[0].clientHeight;
       tmp.remove();
       return height;
    }        

FF和Chrome中的jsfiddle返回20px，但在IE8上返回18px