gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-02 00:59:03 29 4
gpt4 key购买 nike

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

h1 {
font-size: 10vw;
}

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

最佳答案

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

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

h1 {
font-size: 10vw;
}
h1:nth-of-type(2) {
font-size: 10vh;
}
<h1>MY HEADER</h1>

<h1>MY HEADER</h1>

JSfiddle Demo

关于字体大小为 : what does it mean 的 CSS3 vw,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30754202/

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com