css3种的vw和vh

这里记录下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。

参考文章:https://www.cnblogs.com/luxiaoxing/p/7544375.html

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容