vh 和 vw
CSS3 引入了两个表示大小的单位。
vh
,代表viewport height
,相对于视口高度的 1%vw
,代表viewport width
,相对于视口宽度的 1%
Version >= 3
div {
width: 20vw;
height: 20vh;
}
在上面,div 的大小占视口宽度和高度的 20%
CSS3 引入了两个表示大小的单位。
vh
,代表 viewport height
,相对于视口高度的 1%vw
,代表 viewport width
,相对于视口宽度的 1%div {
width: 20vw;
height: 20vh;
}
在上面,div 的大小占视口宽度和高度的 20%