移动端浏览器css中100vh单位不准确

2019.11.27 17:10 阅读 340

在css3中新添了vh,vw长度单位,它们基于视窗的大小,100vw=整个窗口的宽度,100vh=整个窗口的高度。

然而在移动端浏览器下有地址栏,在使用100vh的时候并不会和想象中那样铺满整个屏幕,而是会导致溢出屏幕,所以在移动端情况下,尽量避免使用vh属性。