vh 和 vw

CSS3 引入了兩個表示大小的單位。

  • vh,代表 viewport height,相對於視口高度的 1%
  • vw,代表 viewport width,相對於視口寬度的 1%

Version >= 3

div { 
  width: 20vw; 
  height: 20vh;
}

在上面,div 的大小佔視口寬度和高度的 20%