1.vm: 1vm等于视口宽度的1%。
2.vh: 1vh等于视口高度的1%。
3.vmin:选取vw和vh中最小的那个。
4.vmax:选取vw和vh中最大的那个。
vw和vh的大小是相对于视口的宽度和高度。
而百分比是相指所占父元素的百分比。
在PC端，视口指的是在PC端，指的是浏览器的可视区域；
而在移动端，它涉及3个视口：Layout Viewport（布局视口），Visual Viewport（视觉视口），Ideal Viewport（理想视口）。
视口单位中的“视口”，PC端指的是浏览器的可视区域；移动端指的就是Viewport中的Layout Viewport。
CSS3 新增的单位：**vh、vw、vmin、vmax** * vw 和 vh 1、1vw 等于1/100的...
方法一：使用 CSS3 的 vw，vh 单位 用 vw 或 % 单位设置宽度，用 vw 单位设置相同高度即可； 用...
根据CSS3规范,视口单位主要包括以下4个: vw : 1vw 等于视口宽度的1% vh : 1vh 等于视口高度...
1. vw/vh vw:1vw等于视口宽度的1%vh:1vh等于视口高度的1%vh和vw是相对于适口的高度和宽度，...
CSS3 vw 单位 100vw = 100% 视窗宽度100vh = 100% 视窗高度 这样实现自适应正方形(...
这里记录下css3中自适应布局单位VH,VW 1.vm: 1vm等于视口宽度的1%。 2.vh: 1vh等于视口高...
方案1：CSS3 vw单位 CSS3 中新增了一组相对于可视区域百分比的长度单位 vw, vh, vmin, vm...
1，vw、vh、vmin、vmax 的含义 （1）vw、vh、vmin、vmax 是一种视窗单位，也是相对单位。它...
1.vw：1vw等于视口宽度的1%。 2.vh：1vh等于视口高度的1%。 3.vmin：选取vw和vh中最...
参照 移动前端自适应适配布局解决方案和比较纯css3使用vw和vh实现自适应的方法
本文标题：css3种的vw和vh
本文链接：https://www.haomeiwen.com/subject/tuavtltx.html
网友评论