软键盘引起的布局问题

软键盘的出现，导致背景图片变形，即使设置为100%，软键盘把屏幕挤得变形，自然100%也就变了

我的解决办法就是监听，变化了就重新给添加样式

var clientHeight = document.documentElement.clientHeight || document.body.clientHeight;

$(window).on('resize', function () {
    var nowClientHeight = document.documentElement.clientHeight || document.body.clientHeight;
    var nowHeight = clientHeight-100;
    if (nowHeight > nowClientHeight) {
        $("#addWrapper").css("height","500px")
    }
    else {
        $("#addWrapper").css("height","100%")
    }
});