移动端h5页面软键盘弹出后 背景图片被顶上去

移动端h5页面在软键盘弹出后，body的高度被压缩了，就导致原本高度100%的背景图被顶上去一截，需要把div的高度强行设回100%才能解决这个问题

<div class="app" :style="{ height: bodyHeight + 'px' }"></div>
 
mounted(){
 this.bodyHeight=document.documentElement.clientHeight
}

jq中这么写(挂载的时候就要开始执行的)

$(function () {
    // 解决全屏的时候，软键盘键盘弹出后背景图片被挤上去，要在挂载的时候使用
    $('.firstscreen').css('height', document.documentElement.clientHeight);
})