css 视口企业(Viewport units)

在PC端，视口是指在PC端，是指浏览器可视性地区；但在手机端，它涉及到3个视口：Layout Viewport（合理布局视口），Visual Viewport（视觉效果视口），Ideal Viewport视口企业里的“视口”，PC端是指浏览器可视性地区；手机端指的是Viewport里的Layout Viewport。依据CSS3标准，视口企业关键包括以下4个：1.vw：相较于视口的宽度， 视口被均分成 100 部门的vw，1vw相当于视口长度的1%。2.vh：相较于视口的宽度， 视口被均分成 100 部门的vh，1vh相当于视口极高的1%。3.vmin：选择vw和vh中最小那种。4.vmax：选择vw和vh中最大的那一个。

vw 和 vh

全称为 Viewport Width 和 Viewport Height，窗口的宽度和高度，等同于屏幕宽度和高度的 1%。

vh and vw：相较于视口的高度和总宽，而非父元素的（CSS百分数相对于包括它近期的父元素的高度和总宽）。1vh 相当于1/100的视口相对高度，1vw 相当于1/100的视口总宽。

例如：电脑浏览器相对高度950px，宽度为1920px, 1 vh = 950px/100 = 9.5 px，1vw = 1920px/100 =19.2 px。

vh/vw与%差别