html vh和百分比,css 100vh等于多少？

css 100vh等于多少？

vh是css中的一个相对长度单位，相对于视窗的高度, 视窗被均分为100单位的vh，即1vh永远等于当前视窗高度的百分之一。

视区所指为浏览器内部的可视区域大小， 即window.innerWidth/window.innerHeight大小，不包含任务栏标题栏以及底部工具栏的浏览器区域大小。

因此，100vh就等于当前浏览器的视窗高度，即浏览器内部的可视区域的高度大小。

拓展：

vh: 相对于视窗的高度, 视窗被均分为100单位的vh;

vw: 相对于视窗的宽度, 视窗被均分为100单位的vw;

vmax: 相对于视窗的宽度或高度中较大的那个。其中最大的那个被均分为100单位的vmax;

vmin: 相对于视窗的宽度或高度中较小的那个。其中最小的那个被均分为100单位的vmin;

“视区”所指为浏览器内部的可视区域大小，即window.innerWidth/window.innerHeight大小，不包含任务栏标题栏以及底部工具栏的浏览器区域大小

视区单位的兼容性：浏览器(https://caniuse.com/#search=vh)

相对现在主流的浏览器，视区的单位还是能够满足现在的需求，特别是在移动端上。

更多web前端开发知识，请查阅 HTML中文网 ！！