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

Question

我支持IE8及以上。

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

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

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

Answer 1

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

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