我有一个项目，他们给了我一个有以下css的起始站点:
h1 {
//more styles...
font: 20vmin/1 FontNameBold;
}
这是我第一次遇到像font: 20vmin/1 FontNameBold;这样的东西，这在css中应该做什么?
规格表上也写着:
版式标题21/48 FontNameBold
正文16/48
所以，是的，我知道一个是标题，另一个是主体，但21/48实际上是什么?这是我第一次看到这样的说明，很困惑
这是font-size/line-height font-family的简写
Viewport size:
vmin是CSS3引入的一个值，它将相对于你的视口大小。Chris Coyier在CSS Tricks上很好地解释了视口大小的排版。
在您的示例中，将某些内容设置为20vmin将将该字体大小设置为20vw或20vh，以较小的为准。如果你的用户视口最小的尺寸(vh或vw)是40cm，那么将font-size设置为20vmin将被该值(40)除以20%，从而得到8cm的font-size。
这背后的整个想法是，如果用户重新调整他们的视口大小，你的字体大小将相应地调整，以获得更灵敏的用户体验。
line-height属性: line-height简单地定义了行内元素(如<p>标签中的文本)上下的空间量。Chris Coyier在CSS Tricks上解释了line-height属性。