关于html页面移动端软键盘弹出时影响页面布局的问题

html页面在手机上写了input框的时候，手机的软键盘会弹出，会将页面推上去，页面布局会改变，要在页面写如下代码：

$(document).ready(function () {
　　$('body').height($('body')[0].clientHeight);
});

页面加载完后，js给body一个定高。

（部分转载，这里只是用作笔记）

如果点击输入框弹出的键盘是数字键盘，就需要把input的type写成type=number；