以%为单位的行高是相对于视口还是字体?



我正在测试行高属性。以%为单位的行高是相对于什么?

行高:正常; 线高: 1.6; 线高: 80%;%是相对于什么?

指定为百分比%line-height将相对于元素的计算字体大小。

这在 MDNline-height文档中得到了很好的回答(带有示例(:

normal

取决于用户代理。桌面浏览器(包括 Firefox(使用大约1.2的默认值,具体取决于元素的font-family

<number>(无单位(

使用的值是这个无单位<number>乘以元素自己的字体大小。计算值与指定的<number>相同。在大多数情况下,这是设置line-height并避免由于继承而导致意外结果的首选方法

<length>

指定的<length>用于计算行框高度。以em单位给出的值可能会产生意外的结果。

<percentage>相对于元素本身的字体大小。计算值是此值<percentage>乘以元素的计算字体大小。百分比值可能会产生意外的结果(请参阅下面的第二个示例(。

CSS 级别 2(修订版 1(的规范中也是如此:line-height

最新更新