安卓手机H5页面在键盘弹出时，背景被压缩，求问如何解决

Question

H5页面再安卓手机中，聚焦到input时候，遮挡了input，随即查找了一下网上资料，在JS中增加了如下方法

$('#mobile,#realName,#mobile').on('focus', function() {
    var _this = this;
    setTimeout(function(){
      _this.scrollIntoView(true);
    },200);

但是另一个问题出来了，背景图被压缩变形了，求问如何解决？试了网上的好几个办法，都是不行，如下图

Answer 1

思路：

var HEIGHT = $('body').height();
$(window).resize(function () {
    $('.outdiv').height(HEIGHT);
});

Answer 2

图片定位改为absolute，width 100%

Answer 3

css，里面设个背景属性