一个愚蠢的错误！！
我想创建宽度等于浏览器视图端口的div，但当我将width:100vh应用于主体时，它不起作用，这是我的编码
body {
font-family: Staatliches;
font-size: 25px;
overflow: hidden;
margin: 0;
height: 100vh;
width: 100vh;
}
.bg {
height: 100vh;
/* width: 100%; */
width: 100vh;
background-color: red;
}<div class="bg"></div>u使用了100vh的宽度，这意味着div的宽度将是视图端口的高度，但您希望div的宽度是视口的100%，因此使用100vw而不是100vh的
1vh=视口的1/100高度
1vw=视口宽度的1/100
body {
font-family: Staatliches;
font-size: 25px;
overflow: hidden;
margin: 0;
height: 100vh;
width: 100vw;
}
.bg {
height: 100vh;
/* width: 100%; */
width: 100vw;
background-color: red;
}<div class="bg"></div>您需要添加html { margin: 0; height: 100%; }