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

我试图理解“90%/1.6”在这个宣言中的作用。我知道90%的人要求显示90%的视口，但不确定1.6如何影响这一点以及为什么需要它

---

非常感谢您的帮助

回答

正如@DarrenKopp所评论的：

font:90%/1.6

是以下的简写：

字体大小：90%
线条高度：1.6

这意味着：

字体大小为“body”（即“html”元素）父元素的90%

行高是此字体大小乘以1.6

文档和进一步解释

这在第15.8节速记字体属性中有记录：

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

[[| | | | |]？***[***/**]？]|标题|图标|菜单|消息框|小标题|状态栏|继承

该节中最相关的例子是：

p{font:普通小型大写120%/120%幻想}

这说明了字体大小：

…字体大小（父字体的120%）、行高（120% 乘以字体大小…）

参考“线路高度”一节，可以将其表示为：

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

normal | | | |继承

并将数字解释为：

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

---

回答

正如@DarrenKopp所评论的：

font:90%/1.6

是以下的简写：

字体大小：90%
线条高度：1.6

这意味着：

字体大小为“body”（即“html”元素）父元素的90%

行高是此字体大小乘以1.6

文档和进一步解释

这在第15.8节速记字体属性中有记录：

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

[[| | | | |]？***[***/**]？]|标题|图标|菜单|消息框|小标题|状态栏|继承

该节中最相关的例子是：

p{font:普通小型大写120%/120%幻想}

这说明了字体大小：

…字体大小（父字体的120%）、行高（120% 乘以字体大小…）

参考“线路高度”一节，可以将其表示为：

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

normal | | | |继承

并将数字解释为：

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

---

90%是字体大小，1.6是行高。参考：90%是字体大小，1.6是行高。参考：由于这个问题尚未得到正式回答，我将Darren Kopp的评论充实到了答案中。我不为此道歉。堆栈溢出模型需要正式的答案，这个问题虽然很老，但在我看来仍然是相关的。由于这个问题没有得到正式的回答，我将Darren Kopp的评论充实为一个答案。我不为此道歉。堆栈溢出模型需要正式的答案，这个问题虽然很老，但在我看来仍然是相关的。