最近遇到的一个小问题,一般这种和输入法有关的,常见的就是position:fixed会被输入法顶上去,或者在输入法弹出后输入框被遮挡等情况,今天遇到的这个比较奇葩,就是当输入法收回后,页面变形,大致如下:

左边是正常情况下的,弹出层是水平垂直居中的;右边是点击了输入框后,然后再将输入框收起后的界面,关键是如果一旦出现这种情况,刷新都不管用,只能退出这个网页,再次进来才可以。

问题猜测

实验了好几种可能,最后把问题锁定在页面高度上,就是将输入法收回后,页面高度可能变长了,因为我这里是用absolute定位的,页面变长后自然也就下去了(水平垂直居中)。所以现在的关键就是就是要固定页面高度。

上面的代码前提是你页面中所有的内容都不会超过页面高度,就是全部内容控制在一屏之内,如果不是,就不能用上面的代码。

出现以上问题的机型:小米MAX2。

其他文章

0
我要评论

评论

返回
×

我要评论

回复:

昵称:(昵称不超过20个字)

图片:

提交
还可以输入500个字