一旦记录了踩坑经验，由于项目的需要，在重置样式时将body设置为height：100%，而不是min-height:100%，因此在开发过程中页面将因为没有任何效果，所以使用了height:100%。 因为height:100vh，所以在开发过程中在浏览器中预览没有任何问题。
但是，实际发送测试包，用苹果手机进行测试时，出现了问题。 本来应该位于画面底部的要素与实际画面底部有一定的距离，出现了滚动条
为什么这么说呢，高度上各手机浏览器有一定的差异，有些手机有隐藏的地址栏和默认的底部按钮栏，实际的1vh单位代表了屏幕可视区域的1%应该放在底部的元素不是手机窗口大小，而是底部的元素实际情况如下图所示
毕竟如何使用js动态改变箱子的高度，即如何使用100vh获取实际屏幕的高度，并将其分配给要更改的元素
也就是window.innerHeight