本身在设置背景图片的时候是将html,body的高度设为100%,然后
.main{
height: 100%;
background: url('../assets/images/bg@2x.png') no-repeat left top;
background-size: 100% 100%;
}
但是这样写就会导致键盘弹出的时候html和body的高度从原来的100%变为(100%-键盘高度),这样的话main的height:100%也会变成(100%-键盘高度),所以需要强行将main的高度设置为html原本的100%。
<div class="main" :style="{ height: bodyHeight + 'px' }">
</div>
mounted(){
this.bodyHeight=document.documentElement.clientHeight
}
这样的话即使键盘弹起也只会改变html和body的高度,main的高度还是之前的100%,背景图片也就不会被挤上去了