2015年6月25日 · the vw (view-width) and vh (view-height) units are relational to the view-port size, where 100vw or vh is 100% of the view-port's width/height. For example, if a view-port is 1600px wide, and you specify something as being 2vw, that will be the equivalent of 2% of the view-port width, or 32px.

从而实现适配 vw 、 vh vw（Viewport Width）、vh (Viewport Height)是基于视图窗口的单位，是css3的一部分，基于视图窗口的单位，除了vw、vh还有 vmin 、 vmax。 vw:1vw 等于视口宽度的1% Vh:1vh 等于视口高度的1% vmin: 选取 vw 和 vh 中最小的那个,即在手机竖屏时，1vmin=1vw

2021年7月11日 · 本文解析了vw和vh在CSS中的作用，它们是视窗宽度和高度的百分比单位，与百分比的区别在于视口尺寸。 通过实例说明了如何使用100vh使body高度等于视口，并展示了视口单位在响应式设计中的优势。

2022年7月1日 · 1 4.vw vw就是当前屏幕宽度的1% 补充一句，当设置width:100%，被设置元素的宽度是按照父元素的宽度来设置， 但是100vw是相对于屏幕可见宽度来设置的，所以会出现50vw 比50%大的情况。 参考 前端中几个单位的区别

2021年12月9日 · vw和vh是视口单位，它们基于浏览器窗口大小，不受分辨率影响，简化响应式设计。 1vw等于窗口宽度的1%，1vh等于窗口高度的1%。

2024年6月18日 · The vh (viewport height) and vw (viewport width) units in CSS are relative length units representing a percentage of the viewport dimensions. These units enable responsive design by sizing elements based on the user's viewport.

2022年7月29日 · vh、vw：主要用于页面视口大小布局，在页面布局上更加方便简单. 【CSS】有意思的BFC：Block Formatting Context（块格式化上下文）！ 首先，在我们日常中的传统开发中，px作为一等公民，成为了我们使用最多的单位，其次是%以及em等单位，正常情况下，px可以适用于大部分项目的开发，并且，具有...

2018年3月23日 · vw、vh 与 % 百分比的区别 （1）% 是相对于父元素的大小设定的比率，vw、vh 是视窗大小决定的。 （2）vw、vh 优势在于能够直接获取高度，而用 % 在没有设置 body 高 …

2020年2月3日 · Viewport minimum (vmin) and viewport maximum (vmax) units are based on the values of vw and vh. 1vmin is 1% of the viewport's smallest dimension, and 1vmax is 1% of the viewports largest dimension.

vh代表视窗（Viewport Height）的百分比，而vw代表视窗（Viewport Width）的百分比。 换句话说，vh是视窗高度的百分比，vw是视窗宽度的百分比。 具体来说，1vh等于视窗高度的1%，而1vw等于视窗宽度的1%。 因此，如果一个元素被设置为100vh，那么它的高度将完全填充整个视窗高度；同样地，如果一个元素被设置为100vw，那么它的宽度将完全填充整个视窗宽度。 让我们通过一个示例来说明： 在上面的示例中，.box 元素的宽度和高度被设置为100vw和100vh，它将填充 …