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

对于其它的标签，不要使用top属性，可以用外边距margin（例如margin-top）属性。

对于背景图片，高度不要用css设置，用js动态加载设置。

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

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

$(document).ready(function() {

$('.pic').css({ 'width': $(window).width(), 'height': $(window).height() });

});