单位 vw 和单位 vh

vw 和 vh 也是相对长度单位。

1. 1 vw = 1/100 视口宽度；
2. 1 vh = 1/100 视口高度；
   
   模态框的半透明覆盖层的特征即大小覆盖整个视口，现在我们用vh和vw做上面“下载chrome浏览器”的模态框的半透明覆盖层：
   1 设置模态框蒙层的大小为视口大小：

// 将蒙层的宽高设置为视口的宽度和高度
width: 100vw;
height: 100vh;

2 将模态框蒙层用 position:fixed 定位到浏览器左上角：

// 用定位把蒙层定位到浏览器的左上角
position: fixed;
top: 0;
left: 0;