没有单位的线高的缺点？

Question

在没有单位的情况下指定行高是否有任何缺点(浏览器/设备不一致...)？

例:

body {

    line-height: 1.5;
}

Answer 1

在大多数情况下,使用无单位线高度实际上更好 - 请参阅

• http://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/
• https://developer.mozilla.org/en/CSS/line-height - 查看他们展示示例的说明

当然,也有例外.首先想到的是当你有一个已知 height且有一行文本的块元素并且你想要垂直居中这行文字时 - 我发现最简单的方法是使用line-height那个等于height块元素的.

[以防万一,不知道与无单位有什么交易的人line-height.]

假设你有一个元素font-size: 14px.设置的位置无关紧要,无论是否继承,如果您自己设置或者来自用户代理样式表.元素有font-size: 14px.

现在,如果你设置,让我们说line-height: 1.5相同的元素,这将被转换为像素为1.5*14px = 21px.所以你的计算结果line-height将是21px.