css3种的vw和vh
2021-02-04 本文已影响0人
豆屁屁
这里记录下css3中自适应布局单位VH,VW
1.vm: 1vm等于视口宽度的1%。
2.vh: 1vh等于视口高度的1%。
3.vmin:选取vw和vh中最小的那个。
4.vmax:选取vw和vh中最大的那个。
vh 和vw和百分比区别
vw和vh的大小是相对于视口的宽度和高度。
而百分比是相指所占父元素的百分比。
视口单位
在PC端，视口指的是在PC端，指的是浏览器的可视区域；
而在移动端，它涉及3个视口：Layout Viewport（布局视口），Visual Viewport（视觉视口），Ideal Viewport（理想视口）。
视口单位中的“视口”，PC端指的是浏览器的可视区域；移动端指的就是Viewport中的Layout Viewport。
