H5，软键盘弹出，页面变形问题

  

 对于其它的标签，不要使用top属性，可以用外边距margin（例如margin-top）属性。对于背景图片，高度不要用css设置，用js动态加载设置，就ok了；

例如：背景图片：

<img src="p.jpg" class="bj"/>

.bj{width: 100%;height: 100%;position: absolute;z-index: -1;margin: 0;padding: 0;}

$(document).ready(function () {
        $('.bj').css({'width':$(window).width(),'height':$(window).height()});
    });

这样的话，即使软键盘弹出，背景图片也不会被挤上去变形。