码迷,mamicode.com
首页 > 微信 > 详细

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

时间:2019-01-29 18:19:31      阅读:970      评论:0      收藏:0      [点我收藏+]

标签:登录页面   ack   image   fun   作用   登录   img   nbsp   ready   

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

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

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

技术分享图片

 

技术分享图片

调整后:

插入js代码调整高度

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

技术分享图片

技术分享图片

 

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

标签:登录页面   ack   image   fun   作用   登录   img   nbsp   ready   

原文地址:https://www.cnblogs.com/luzc/p/10334021.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!