什么是vh,vw
在css中 vh
表示窗口视图的高度百分比, vw
表示窗口视图的宽度度百分比 , 1vh
等于窗口视图高度 1%
,而1vw
代表视图宽度的1%
,一般我们使用 100vh
来自定义我们的视图大小的高度,固定为100%,他对响应式是非常适用,因为他会根据窗口的大小自动适应尺寸。
遇见问题
发现新项目模板平板上会出现白屏溢出出现滚动条!!!不止是高度,宽度也是这样 会出现一定的问题
解决方案
为了解决这个方案出现了新的单位 dvh
svh
, 他们在移动端兼容上面会经常用到。也会对移动端进行一定的兼容
参考: MDN - CSS