手机软键盘弹出时影响布局的解决方法
更新时间：2016年12月15日 10:28:11 投稿：lqh
这篇文章主要介绍了手机软键盘弹出时影响布局的解决方法的相关资料,大家开发移动端的软件时候，肯定会因为软键盘的弹窗影响布局，这里说下如何解决，需要的朋友可以参考下
移动端软键盘弹出时影响布局该如何解决
1）前段时间作的移动端页面，因为高度只有1页所以用了height:100%;width:100%;
ios下点击输入框弹出软键盘时，布局没有大影响。
当输入框可能被软键盘压到时，在一部分安卓下却出了问题，华为自带浏览器和UC会有布局上的问题。
原因可能是因为，软键盘弹出时，改变了height，使height:100%,不能达到原来的高度。
解决办法：
$(document).ready(function () {
$('body').height($('body')[0].clientHeight);
});
页面加载完后，js给body一个定高。
2）以前还遇到过，移动端点击输入框时，页面向左偏移了一部分，但太久了，忘了什么浏览器了，重现不了，解决的方法是使输入框的大小居中.
PS:吐槽下华为自带浏览器和UC不识别css3的新单位，vw,vh.
感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！
相关文章
本文给大家分享一段js代码实现12306登录界面，非常不错，具有参考借鉴价值，需要的朋友参考下2016-12-12
DIV任意拖动的问题...2006-07-07
这篇文章主要给大家汇总介绍了javascript实现跨域的方法的相关资料,需要的朋友可以参考下2015-06-06
store.js 是一个兼容所有浏览器的 LocalStorage 包装器，不需要借助 Cookie 或者 Flash。store.js 即可实现本地存储功能2014-05-05
js与jQuery实现的用户注册协议倒计时功能实例【三种方法】
这篇文章主要介绍了js与jQuery实现的用户注册协议倒计时功能,结合实例形式分析了三种倒计时功能的相关实现技巧,需要的朋友可以参考下2017-11-11
项目中经常需要导出Excel文件，不在服务器端处理而是富客户端采用Javascript脚本处理数据并导出文件2014-05-05
再谈JavaScript中bind、call、apply三个方法的区别与使用方式
这篇文章主要介绍了Javascript中bind、call、apply三个方法的使用方式,需要的朋友可以参考下2022-05-05
下面小编就为大家带来一篇浅谈JS运算符&&和|| 及其优先级。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-08-08
在JavaScript中，for-in和for-of是两种不同的循环结构，本文主要介绍了js中for-in和for-of的区别，具有一定的参考价值，感兴趣的可以了解一下2023-12-12
JavaScript 将数字金额转化为中文大写金额的函数2009-05-05
最新评论