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中文网 !!

以上就是css 100vh等于多少?的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读