移动web 键盘挡住输入框

                     这两天在做移动端开发，做的时候遇到一点小问题，就是用户准备输入的时候， 由于软键盘的弹出，而遮挡住了输入框，很不好的用户体验，上网搜了很久， 感觉都不靠谱，一番琢磨之后有了眉头，这里大致说一下。

首先，初始状态是这样，这里我们要点击输入框了

这里点击输入框，页面变成了这个样子

可是，其实我们想要的一般是这个样子

那么，如何才能消除这个BUG呢？原来在楼主写前端的时候，把页面高度，定义成了100%，如果我们换成一个固定的像素值，那么键盘出来的时候，页面就会自动上移，把输入框露出来啦~如果页面高度不好修改，可以用输入框的focus暂时性的把高度定义为像素值，blur又改回来。

注意！ 由于各手机分辨率不一定相同，最好是获取window.screen.height值，然后改成对应的像素值，否则可能造成页面的截断或者大部分留白