vue项目，h5登录页面,手机上键盘弹起把背景图也顶起来了。解决办法

主要是登录注册页面

输入密码的时候，手机键盘就会弹起来，然后点击页面键盘就会缩回去，背景图就被推上来了

参考了 blog.csdn.net/qq_36165747… 解决的

    <div class='registePhone'>
        <div class="registerForm"><div>
    </div>

.registePhone
  position: absolute
  top: 0
  left: 0
  right: 0
  bottom: 0
  width: 100%
  height: 100%
  background: #202126
  font-family: PingFangSC-Regular
   .registerForm
    position: relative
    height: 100vh
    overflow-y: auto
    width: 100%

vh就是当前屏幕可见高度的1%，也就是说

height:100vh == height:100%;

但是有个好处是当元素没有内容时候，设置height:100%该元素不会被撑开，

但是设置height:100vh，该元素会被撑开屏幕高度一致。