安卓微信端打开H5页面背景图被键盘挤压移动位置解决

问题:在微信端(安卓浏览器也如此)打开的H5登录页面中,点击输入信息,弹出软键盘会挤压背景图片。

本来的body宽高设置body{width:100%,height:100%},不起作用,这样写就会导致键盘弹出的时候html和body的高度从原来的100%变为(100%-键盘高度)。所以要再强行把高度调整回去。

未调整前:背景被挤压,导致下部出现空白背景

安卓微信端打开H5页面背景图被键盘挤压移动位置解决

安卓微信端打开H5页面背景图被键盘挤压移动位置解决

调整后:

插入js代码调整高度

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

安卓微信端打开H5页面背景图被键盘挤压移动位置解决

安卓微信端打开H5页面背景图被键盘挤压移动位置解决

上一篇:Ext.Net_1 配置ext.net所需的环境


下一篇:Docker使用国内镜像仓库