CSS 3种的vm和vh

css3中自适应布局单位VH,VM

1.vm: 1vm等于视口宽度的1%。

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

3.vmin:选取vm和vh中最小的那个。

4.vmax:选取vm和vh中最大的那个。

vh 和vm和百分比区别

vm和vh的大小是相对于视口的宽度和高度。

而百分比是相指所占父元素的百分比。

视口单位

在PC端， 视口 指的是在PC端，指的是浏览器的可视区域；

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

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