accessibility - 缺点是没有单元的行高？

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

例:

body {

    line-height: 1.5;
}

最佳答案

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

http://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/

https://developer.mozilla.org/en/CSS/line-height-在显示示例

的地方查看注释

当然，也有异常(exception)。首先想到的是，当您有一个带有已知height的block元素，并且其中包含一行文本，并且您想将该文本行垂直居中时-我发现最简单的方法是使用line-height等于block元素的height。

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

假设您有一个带有font-size: 14px的元素。无论是在何处设置，是否继承，是您自己设置还是来自用户代理样式表。元素具有font-size: 14px。

现在，如果您设置了该属性，例如说line-height: 1.5，则该元素将被转换为像素: 1.5 * 14px = 21px 。因此，您计算出的line-height将为21px。

关于accessibility - 缺点是没有单元的行高？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/10765642/