css - 使用百分比和分数的 CSS 字体声明？

Question

body {
    font: 90%/1.6 baskerville, palatino, 'palatino linotype', georgia,serif;
}

我试图在这个声明中掌握“90%/1.6”的概念。我知道 90% 要求显示 90% 的视口，但不确定 1.6 如何影响这一点以及为什么需要它。

非常感谢任何帮助。

Answer 1

回答

正如@DarrenKopp 评论的那样：

字体：90%/1.6

是以下的简写：

字体大小：90%
行高：1.6

意思就是：

font-size 是'body' 的父元素（即'html' 元素）的90%。

行高是这个字体大小乘以 1.6

文档和进一步解释

这记录在CSS 2.1 Specification，第 15.8 节，简写字体属性中：

[ [ <'font-style'> || <'font-variant'> || <'font-weight'>]? **<'font-size'>** [ **/ <'line-height'>**]? <'font-family'>] | caption | icon | menu | message-box | small-caption | status-bar | inherit

该部分中最相关的示例是：

p { font: normal small-caps 120%/120% Fantasy }

这解释了字体大小：

...'font-size'（父字体的 120%），'line-height'（字体大小的 120%...）

查阅有关line-height的部分表明，这可以表示为：

normal | <number>| <length> | <percentage> | inherit

并将数字解释为：

属性的使用值是这个数字乘以元素的字体大小