手机软键盘弹出时影响布局的解决方法
更新时间：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判断undefined变量类型使用typeof可以轻松实现，不了解的朋友可以参考下哈，希望对你有所帮助2013-06-06
这篇文章主要介绍了prettier自动格式化去换行的实现代码，本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2020-08-08
这篇文章主要介绍了js动态获取时间的方法,结合实例形式分析了javascript日期时间计算与页面元素动态操作相关实现技巧,需要的朋友可以参考下2019-08-08
javascript的函数...2006-07-07
这篇文章主要为大家介绍了JavaScript设计模式中的享元模式，对JavaScript设计模式感兴趣的小伙伴们可以参考一下2016-01-01
javascript中不易分清的slice,splice和split三个函数
这篇文章主要为大家详细介绍了javascript中不易分清的slice,splice和split三个函数，感兴趣的小伙伴们可以参考一下2016-03-03
这篇文章主要给大家介绍了关于JS监听元素dom变化的相关资料,监听DOM大小的变化,在前端开发中,算是一个比较常见的需求,比如我们要制作可伸缩的图表的时候,可能需要根据DOM大小的变化,进行动态的更新图表,需要的朋友可以参考下2023-09-09
forEach()是JavaScript中一个常用的方法,用于遍历数组或类数组对象中的每个元素,本文就来介绍一下JavaScript forEach的几种用法小结,具有一定的参考价值,感兴趣的可以了解一下2023-11-11
在前端开发的过程中,我们经常会遇到需要对于输入的字符串进行格式化处理,这篇文章主要给大家介绍了关于使用js去除字符串内所带有空格的三种方法,需要的朋友可以参考下2023-10-10
在JavaScript中数组也是比较常用的对象之一，数组是值的有序集合，本篇文章给大家分享Javascript中Array()数组函数详解，需要的朋友可以参考下2015-08-08
最新评论