vue项目 在移动端 返回上一页 空白

问题：

vue的项目 在iOS内嵌中运行时， 返回上一页 页面上半部分出现空白！但点击或者滑动，页面就回复正常了。

原因：

由于返回后无法将 body 的高度拉开，使得遮住，触发轻点击，方可消除遮罩针对此问题。
html、body都是100%，#app撑起了父元素的高度，但是浏览器默认的滚动scroll并不是#app，而是body。某些因素，造成返回history 后，无法复原，为此，我们将#app 进行了绝对定位，并让它重新成为 scroll 的对象，从而解决问题

网上解决方案：

html,body{
  height: 100%;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}
#app {
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  position: relative;
}

我添加在全局样式里之后，果然很好用，不再有白屏遮罩了！正在我开心之时，测试人员又给我提了个bug(说iOS手机的下半部分有一条白边，x以上的手机白条更宽！) 这是什么鬼！真的是一波不平一波又起啊！
后面了解到了iOS屏幕的问题 我上面设置的100%，应该是指的content的铺满，但未把整个屏幕铺满

最后我把100%改为100vh就OK啦 完美解决