📖踩坑:移动端网页不需要滚轮即页面百分百展示

前言

在一次项目开发中,用户需求是移动端网页不需要滚轮,当不同版本的手机访问时,可视区域会随着屏幕大小改变

目前来说移动端比较常用的一种设置方法是使用 height:100%这种用法可行,但是对于子元素来说这种就比较繁琐且麻烦

这里我使用的是 height:100vh vh指的是当前手机的可视区域,但是选择大部分的手机浏览器中功能区域也算在 100vh 中,所有会导致底部有些内容会被挡住

我最终的解决方法是使用 JS 来获取可视窗口大小,在为整个网页设置大小

代码

xxxx.style.height = window.innerHeight +'px';

标签