safari返回值"normal“表示"line-height”样式

Question

这就是我的问题:当我调用document.defaultView.getComputedStyle(Node，"").getPropertyValue("line-height")

当没有指定行高时，safari返回字符串"normal“，而firefox总是返回以像素为单位的值。

这给我带来了一个大问题，特别是因为我没有找到一个可靠的公式来获得这个数值(我发现它应该在1em和1.3之间，但没有精确的值)。

有解决方案吗？

Answer 1

好吧，我找到了一个部分解决方案：

function getLineHeight(node){
        var clh=document.defaultView.getComputedStyle(node, "").getPropertyValue("line-height");
        var copy;
        if (clh=="normal"){

            copy=node.cloneNode(false);
            copy.style.padding=0+"px";
            copy.style.border="none";
            copy.innerHTML="x <br> x <br> x <br> x <br> x <br> x <br> x <br> x <br> x <br> x";
            node.parentNode.insertBefore(copy, node);
            clh=copy.offsetHeight/10;
            node.parentNode.removeChild(copy);
            delete copy;
        }
        else clh=parseFloat(clh);
        return clh;
    } 

对于那些想知道为什么"innerHTML“井中的所有"br”都返回整数值的人，offsetHeight返回整数值，所以使用10行节点并除以10可以得到更准确的答案。

Answer 2

不，没有解决方案。浏览器之间的默认设置总是不同的，因为默认设置应该是什么没有标准。

用户可以设置自己的样式表来覆盖标准，因此您甚至可以从同一浏览器的两个不同实例中获得不同的结果。