移动端的vh 和 vw简介是使用使用场景

Posted baoyadong

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了移动端的vh 和 vw简介是使用使用场景相关的知识,希望对你有一定的参考价值。

vw 相对于视窗的宽度:视窗宽度是100vw;vh则类似,是相对于视窗的高度,视窗高度是100vh.

这里的视窗指的又是啥?

   是浏览器内部宽度大小(window.innerWidth)?

   是整个浏览器的宽度大小(window.outerWidth)?

   还是显示器的宽度大小(screen.width)?

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

 

以上是关于移动端的vh 和 vw简介是使用使用场景的主要内容,如果未能解决你的问题,请参考以下文章

视区相关单位vw, vh..简介以及可实际应用场景

视区相关单位vw, vh..简介以及可实际应用场景——张鑫旭

VH、VW 单位和疯狂的 IOS 移动浏览器渲染

使用vw,vh 来做移动端适配

移动端布局、手机屏幕尺寸(rem,vw,vh)及分辨率

移动端布局vw和vh、em与rem