CSS单位-vh / vw和％之间有什么区别？
我刚刚了解了一个新的不常见的CSS单元。vh并分别vw测量视口的高度和宽度百分比。
vw和vh分别是窗口宽度和高度的百分比：100vw是宽度的100％，80vw是80％，依此类推。
这似乎与%单位完全相同，这很常见。
在开发人员工具中，我尝试将值从vw / vh更改为％，反之亦然，并得到相同的结果。
两者之间有区别吗？如果没有，为什么要引入这些新单位CSS3？
问题答案：
100%可以达到100%任何高度。举例来说，如果我有一个父div那是1000px高大的，小时候div是在100%高度，那么这个孩子div可能理论上比视，或小于视口的高度小得多的高度高得多，即使是div设置在100%身高。
如果我改为将其子级div设置为100vh，则它将 仅填充100%视口的高度，而不必 填充 父级div。
body,
html {
height: 100%;
}
.parent {
background: lightblue;
float: left;
height: 200px;
padding: 10px;
width: 50px;
}
.child {
background: pink;
height: 100%;
width: 100%;
}
.viewport-height {
background: gray;
float: right;
height: 100vh;
width: 50px;
}
<div class="parent">
<div class="child">
100% height
(parent is 200px)
</div>
</div>
<div class="viewport-height">
100vh height
</div>
-
我刚刚了解了一个新的不常见的CSS单元。和分别测量视口的高度和宽度的百分比。 我从Stack Overflow看这个问题，但它使单元看起来更加相似。 vw和vh单元是如何工作的 答案特别说 vw和vh分别是窗口宽度和高度的一个百分比:100vw是宽度的100%，80vw是80%等。 这似乎与单元完全相同，后者更为常见。 在Developer Tools中，我尝试将vw/vh的值更改为%，反之亦然，
-
我已经使用SOF很长时间了，但从来没有问过一个问题。今天我在Firefox的网站上，注意到它谈到了px和%就好像它已经过时了。该网站建议使用ViewHeight和view width或view像素（vh和vi或vpx）。用... 而且 ..？？？？他们为什么要做出改变？
-
1vw=1%，那么如果它们是100%可互换的，为什么它们都存在呢？我觉得%依赖于包装标签的大小，但vh总是依赖于窗口大小，无论包装标签的大小。谢谢,
-
问题内容： 在此示例中： 无法编译为： 而被编译器接受。 这个答案说明唯一的区别是，与不同，它允许您稍后引用类型，似乎并非如此。 是什么区别，并在这种情况下，为什么不第一编译？ 问题答案： 通过使用以下签名定义方法： 并像这样调用它： 在jls§8.1.2中，我们发现（有趣的部分被我加粗了）： 通用类声明定义了一组参数化类型（第4.5节）， 每种可能通过类型arguments调用类型参数节的类型
-
问题内容： 我正在使用100vh将div以行高垂直居中。该网站对vh和vw的支持率约为70％，这是一个公平的评估吗？建立网站时，您是否建议使用视口单位？我知道这有点主观，我只是在寻求比我更有经验的Web开发人员的意见。 编辑：感谢大家的投入，我希望它在移动设备上看起来不错，所以我想我不得不放弃vh。 问题答案： 在我看来，该统计数据显然是很公平的评估。 我认为必须由您来决定。如果您想使用最新的，最
-
问题内容： 可以在这里找到代码： 我发现有内标记，也有内标签。它们都是必需的吗？（在这种情况下，CSS似乎覆盖了HTML属性）关于它们之间的区别是否有任何解释？ 问题答案： 我检查了文档，但是它们并不清楚如果同时设置了它们。 那藏在这里的某个地方： UA可以选择使用HTML源文档中的表示属性。如果是这样，则将这些属性转换为对应的CSS规则，其特异性等于0，并且将其视为在作者样式表的开头插入。因此，