没有单位的行高有哪些缺点？

Question

15

在指定行高时，是否存在缺点（如浏览器/设备不一致等）而不使用单位？

示例：

body {

    line-height: 1.5;
}

- igpe

我认为它不会工作，我的意思是浏览器无法识别。 - Sam

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Ana · Accepted Answer

在大多数情况下，使用无单位的行高更好-请参见

当然，也有例外情况。我想到的第一个例子是当您拥有具有已知高度和单行文本的块级元素，并且您想要在垂直方向上居中该行文本时-我发现最简单的方法是使用line-height等于块元素的height。

[以防万一，对于任何不知道无单位line-height是什么的人。]

假设您有一个元素，其font-size:14px。不管它是在哪里设置的，无论是继承的还是自己设置的，或者是来自用户代理样式表，该元素都具有font-size:14px。

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