移动端页面-调起键盘样式被挤压的问题

成因：给body设置的高度100%被调起的虚拟键盘占用了

解决方法：

1.用JS代码自动判断窗口的高度，然后赋值给body。(但这种方法只适合页面内容较少的时候，如果页面内容超出一个满屏的高度，这么设置会导致超出部分被‘吃掉’) 

$(document).ready(function () { $('body').css({'height':$(window).height()})});