没有单位的线高的缺点？

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的{​​{1}}。

---

[以防万一，不知道与无单位height有什么关系的人。]

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

现在，如果您设置了相同元素的font-size: 14px，则会将其转换为 1.5 * 14px = 21px 的像素。因此，您计算的line-height: 1.5将为line-height。