使用css获取浏览器可视区域的高宽

在桌面端(这里不涉及移动端)，浏览器的可视区域也被称为“视口“，而它的宽度与高度也有相应的单位来表示，分别为”vw”与”vh”。

vw：表示视口的宽度，1vw表示视口宽度的 1%;

vh：表示视口的高度，1vh表示视口高度的 1%;