手机输入法占用window窗口的高度

        今天我爱模板网在做手机站的时候，遇到一个问题：就是点击输入框，手机输入法弹出来，挤压了window窗口的高度，导致输入框居中，覆盖了上面的logo，如下图：

        输入框为了水平和垂直方向上的居中，我用了定位，相对于body的定位，弹出输入法，window的高度被挤压的很低，为了居中，就盖住了logo，如果，没有弹出输入法，没有任何问题，如下图：


        解决办法是，用js，判断，如果window的高度小于一个值，我这里是480，就强制window不变低，代码如下：

if(wrapHeight >= 482){
	$("#login-wrapper").width(wrapWidth);
	$("#login-wrapper").height(wrapHeight);
	$("#login-form").css({"margin-left":"-"+formWidth+"px","margin-top":"-"+formHeight+"px"});
}

          我这里，login-wrapper是和body一样，宽100%，高100%，只有当wrapHeight(window的高度)大于480，再让登录区域 login-form 居中。最终效果如下：