Css 的自适应hv和vw

一、视口单位(Viewport units)

在Pc端是指,视口指的是在PC端，指的是浏览器的可视区域。

而在移动端，它涉及3个视口：Layout Viewport（布局视口），Visual Viewport（视觉视口），Ideal Viewport（理想视口）。

视口单位中的“视口”，PC端指的是浏览器的可视区域；移动端指的就是Viewport中的Layout Viewport。

     1.vw：1vw等于视口宽度的1%。

   2.vh：1vh等于视口高度的1%。