移动端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);})