定义
vw: 相对于视窗的宽度。视窗宽度为 100vw
vh: 相对于视窗的高度。 视窗高度为 100vh
视窗（视区）
“视区”: 所指为浏览器内部的可视区域大小。
即window.innerWidth/window.innerHeight大小，不包含任务栏标题栏以及底部工具栏的浏览器区域大小。
兼容性
caniuse查询结果：
image.png
vw: 相对于视窗的宽度。视窗宽度为 100vw
vh: 相对于视窗的高度。 视窗高度为 100vh
“视区”: 所指为浏览器内部的可视区域大小。
即window.innerWidth/window.innerHeight大小，不包含任务栏标题栏以及底部工具栏的浏览器区域大小。
caniuse查询结果：
image.png
1. vw/vh vw:1vw等于视口宽度的1%vh:1vh等于视口高度的1%vh和vw是相对于适口的高度和宽度，...
CSS3 新增的单位：**vh、vw、vmin、vmax** * vw 和 vh 1、1vw 等于1/100的...
1.vw：1vw等于视口宽度的1%。 2.vh：1vh等于视口高度的1%。 3.vmin：选取vw和vh中最...
vw vh 和 %的区别 vw&vh都是相对于viewport的，percent相对于任何设置了width或者he...
定义 vw: 相对于视窗的宽度。视窗宽度为 100vwvh: 相对于视窗的高度。 视窗高度为 100vh 视窗（视...
1，vw、vh、vmin、vmax 的含义 （1）vw、vh、vmin、vmax 是一种视窗单位，也是相对单位。它...
vh/vw vh: 相对于视窗的高度, 视窗被均分为100单位的vh; vw: 相对于视窗的宽度, 视窗被均分为1...
vh和vw，vmin和vmax vh和vw相对于视口的高度和宽度，而不是父元素的（CSS百分比是相对于包含它的最近...
vh、vw、vmin、vmax介绍 vw：视窗宽度的百分比（1vw 代表视窗的宽度为 1%）vh：视窗高度的百分比...
vw/vh这个单位可以根据电脑浏览器自适应vw —— 视口宽度的 1/100；vh —— 视口高度的 1/100 ...
本文标题：vw和vh
本文链接：https://www.haomeiwen.com/subject/smqxectx.html
网友评论