微信浏览器里阻止软键盘弹出后布局问题

输入框键盘 安卓点击input弹键盘 安卓浏览器输入框弹出键盘后背景图被缩小

微信浏览器里如果页面的背景是图片,那么点击输入框的时候,弹出的键盘会把背景图挤到上面,用户体验较差,


这时候需要用js把body给设置一个高度就可以了。

$(function(){

      $('body').height($('body')[0].clientHeight);

});

这样点击之后,输入框会上移,但是整体的页面布局不会被破坏。


85/253fca7f74163527418d0488e6e12e.jpg



评论