vh 和 vw

CSS3 引入了两个表示大小的单位。

• vh，代表 viewport height，相对于视口高度的 1％
• vw，代表 viewport width，相对于视口宽度的 1％

Version >= 3

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

在上面，div 的大小占视口宽度和高度的 20％