使用百分比和分数的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

这意味着：

  

字体大小是“ 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 {字体：普通小写字母120％/ 120％幻想}

解释 font-size ：

  

...“字体大小”（父字体的120％），“行高”（120％   字体大小乘以……）

咨询 line-height 部分，可以发现它可以表示为：

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

并将 number 解释为：

  

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