相逢意气为君饮，系马高楼垂柳边。这篇文章主要讲述安卓微信端打开H5页面背景图被键盘挤压移动位置解决相关的知识，希望能为你提供帮助。
问题：在微信端（安卓浏览器也如此）打开的H5登录页面中，点击输入信息，弹出软键盘会挤压背景图片。
本来的body宽高设置body{width:100%,height:100%},不起作用，这样写就会导致键盘弹出的时候html和body的高度从原来的100%变为（100%-键盘高度）。所以要再强行把高度调整回去。
未调整前：背景被挤压，导致下部出现空白背景
文章图片
文章图片
【安卓微信端打开H5页面背景图被键盘挤压移动位置解决】调整后：
插入js代码调整高度
1 $(document).ready(function () { $(‘body‘).css({‘height‘:$(window).height()})});
文章图片
文章图片
推荐阅读
- SpringMVC中@Controller和@RequestMapping用法和其他常用注解(转)
- .net core获取appsettings CustomSettings
- android: getDimension, getDimensionPixelOffset 和getDimensionPixelSize 区别
- android -------- OkGo (让网络请求更简单的框架)
- Android ButterKnife依赖注入框架的引入和使用
- WinXP下如何运行幽浮:未知敌人
- WinXP下如何删除非空目录
- 如何处理戴尔笔记本安装WinXP出现盘符错乱的问题
- 如何让WinXP关机时清理页面文件