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

前言

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

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

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

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

代码

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