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%