鍍金池/ 問答/HTML/ 安卓手機H5頁面在鍵盤彈出時，背景被壓縮，求問如何解決

安卓手機H5頁面在鍵盤彈出時，背景被壓縮，求問如何解決

H5頁面再安卓手機中，聚焦到input時候，遮擋了input，隨即查找了一下網(wǎng)上資料，在JS中增加了如下方法

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

但是另一個問題出來了，背景圖被壓縮變形了，求問如何解決？試了網(wǎng)上的好幾個辦法，都是不行，如下圖

圖片描述

回答
編輯回答
醉淸風(fēng)

css，里面設(shè)個背景屬性

2017年8月10日 05:03
編輯回答
有你在

圖片定位改為absolute，width 100%

2017年7月8日 09:21
編輯回答
假灑脫

思路：

var HEIGHT = $('body').height();
$(window).resize(function () {
    $('.outdiv').height(HEIGHT);
});
2018年5月26日 14:06