CSS 3种的vm和vh

2021-11-23 16:50:14 浏览数 (2)

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。

0 人点赞