在移动前端上避免使用100vh单位

CSS中的视口单位听起来很棒。 如果要设置元素的样式以占据整个屏幕的高度，则可以设置height: 100vh，您拥有一个完美的全屏元素，该元素会随着视口的变化而调整大小！ 可悲的是，事实并非如此。 100vh在移动浏览器中以微妙但基本的方式被破坏，这使其几乎无用。 最好避免100vh ，而是依靠javascript设置高度以获得完整的视口体验。 核心问题是移动浏览器（我正在为您浏览，Chrome

>>阅读原文<<