css font: 20vmin/1 FontNameBold; 这意味着什么？
What does this means in css font: 20vmin/1 FontNameBold;?
我有一个项目，他们给了我一个起始站点 css:
h1 {
//more styles...
font: 20vmin/1 FontNameBold;
}
第一次遇到font: 20vmin/1 FontNameBold;这样的东西，请问css这是什么意思？
他们还在规格表中说：
Typography
Titles 21/48 FontNameBold
Body 16/48 FontNameBold
所以是的，我知道一个是标题，另一个是 body 但 21/48 实际上是什么？第一次找到这样的especification，一头雾水
这是 shorthand 表示法：font-size / line-height font-family
视口大小的版式：
vmin 是随 CSS3 一起引入的一个值，它将根据您的视口调整大小。 Chris Coyier does a fantastic job of explaining viewport sized typography on CSS Tricks.
在您的示例中，将某些内容设置为 20vmin 会将字体大小设置为 20vw 或 20vh，以较小者为准。如果最小的用户视口大小（vh 或 vw）为 40cm，则将字体大小设置为 20vmin 将除以该值 (40) 除以 20%，得到字体大小为8cm.
这背后的整个想法是，如果用户重新调整视口的大小，您的字体大小将相应调整以获得更灵敏的用户体验。
行高属性:
line-height 简单地定义内联元素上方和下方 space 的数量（例如 <p> 标签中的文本。Chris Coyier does a fantastic job of explaining the line-height property on CSS Tricks.
我有一个项目，他们给了我一个起始站点 css:
h1 {
//more styles...
font: 20vmin/1 FontNameBold;
}
第一次遇到font: 20vmin/1 FontNameBold;这样的东西，请问css这是什么意思？
他们还在规格表中说：
Typography
Titles 21/48 FontNameBold
Body 16/48 FontNameBold
所以是的，我知道一个是标题，另一个是 body 但 21/48 实际上是什么？第一次找到这样的especification，一头雾水
这是 shorthand 表示法：font-size / line-height font-family
视口大小的版式：
vmin 是随 CSS3 一起引入的一个值，它将根据您的视口调整大小。 Chris Coyier does a fantastic job of explaining viewport sized typography on CSS Tricks.
在您的示例中，将某些内容设置为 20vmin 会将字体大小设置为 20vw 或 20vh，以较小者为准。如果最小的用户视口大小（vh 或 vw）为 40cm，则将字体大小设置为 20vmin 将除以该值 (40) 除以 20%，得到字体大小为8cm.
这背后的整个想法是，如果用户重新调整视口的大小，您的字体大小将相应调整以获得更灵敏的用户体验。
行高属性:
line-height 简单地定义内联元素上方和下方 space 的数量（例如 <p> 标签中的文本。Chris Coyier does a fantastic job of explaining the line-height property on CSS Tricks.