字体大小为 : what does it mean 的 CSS3 vw

Question

定义说 1vw = 1% of viewport width。但我不明白与 font-size 一起使用时是什么意思？例如，如果我设置:

h1 {
  font-size: 10vw;
}

我认为如果我有 10 个字符的 h1 它将占用 100% 的视口(viewport)，但事实并非如此。

Answer 1

字体大小是指字体的垂直大小而不是字符宽度

请参阅下面的演示，了解它们的不同 react 。

h1 {
  font-size: 10vw;
}
h1:nth-of-type(2) {
  font-size: 10vh;
}

<h1>MY HEADER</h1>

<h1>MY HEADER</h1>

JSfiddle Demo