移动端软键盘弹出时影响布局该如何解决

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.

 感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

# 手机软键盘弹出时影响布局的解决方法  # 手机软键盘弹出时影响布局怎么办  # 软键盘影响布局  # Android软键盘挡住输入框的终极解决方案  # 移动端固定输入框在底部会被键盘遮挡的解决方法(必看篇)  # Android EditText被软键盘遮盖的处理方法  # IOS 键盘挡住输入框的问题解决办法  # js解决软键盘遮挡输入框的问题分享  # 输入框  # 弹出  # 华为  # 自带  # 会有  # 是因为  # 出了  # 用了  # 希望能  # 该如何  # 在一  # 谢谢大家  # 久了  # 解决办法  # 完后  # 前段时间  # 遇到过  # 加载  # 改变了  # strong 

相关栏目： 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571 】

相关推荐： Laravel怎么使用artisan命令缓存配置和视图  详解一款开源免费的.NET文档操作组件DocX（.NET组件介绍之一）  Laravel Asset编译怎么配置_Laravel Vite前端构建工具使用  网页设计与网站制作内容,怎样注册网站？  Laravel如何创建自定义Facades？（详细步骤）  今日头条微视频如何找选题 今日头条微视频找选题技巧【指南】  如何实现javascript表单验证_正则表达式有哪些实用技巧  详解jQuery中的事件  如何基于云服务器快速搭建网站及云盘系统？  企业在线网站设计制作流程,想建设一个属于自己的企业网站，该如何去做？  Laravel怎么集成Vue.js_Laravel Mix配置Vue开发环境  网站制作怎么样才能赚钱,用自己的电脑做服务器架设网站有什么利弊，能赚钱吗？  Laravel的路由模型绑定怎么用_Laravel Route Model Binding简化控制器逻辑  Laravel怎么实现软删除SoftDeletes_Laravel模型回收站功能与数据恢复【步骤】  Win11怎么关闭透明效果_Windows11辅助功能视觉效果设置  Laravel如何实现数据导出到PDF_Laravel使用snappy生成网页快照PDF【方案】  如何在阿里云域名上完成建站全流程？  LinuxCD持续部署教程_自动发布与回滚机制  如何确保西部建站助手FTP传输的安全性？  Edge浏览器怎么启用睡眠标签页_节省电脑内存占用优化技巧  JavaScript中如何操作剪贴板_ClipboardAPI怎么用  HTML透明颜色代码怎么让下拉菜单透明_下拉菜单透明背景指南【技巧】  如何在 Python 中将列表项按字母顺序编号（a.、b.、c. …）  Linux系统命令中tree命令详解  Laravel怎么实现API接口鉴权_Laravel Sanctum令牌生成与请求验证【教程】  Laravel怎么使用Collection集合方法_Laravel数组操作高级函数pluck与map【手册】  如何在 Pandas 中基于一列条件计算另一列的分组均值  如何在腾讯云服务器上快速搭建个人网站？  linux写shell需要注意的问题(必看)  大学网站设计制作软件有哪些,如何将网站制作成自己app？  JavaScript数据类型有哪些_如何准确判断一个变量的类型  标题：Vue + Vuex 项目中正确使用 JWT 进行身份认证的实践指南  深圳网站制作的公司有哪些,dido官方网站？  如何安全更换建站之星模板并保留数据？  网站广告牌制作方法,街上的广告牌，横幅，用PS还是其他软件做的？  如何在宝塔面板中创建新站点？  Laravel怎么连接多个数据库_Laravel多数据库连接配置  Laravel如何使用模型观察者？（Observer代码示例）  Laravel Eloquent模型如何创建_Laravel ORM基础之Model创建与使用教程  linux top下的 minerd 木马清除方法  Laravel怎么解决跨域问题_Laravel配置CORS跨域访问  微博html5版本怎么弄发语音微博_语音录制入口及时长限制操作【教程】  如何自己制作一个网站链接,如何制作一个企业网站，建设网站的基本步骤有哪些？  如何快速搭建高效香港服务器网站？  什么是JavaScript解构赋值_解构赋值有哪些实用技巧  如何在IIS7中新建站点？详细步骤解析  php在windows下怎么调试_phpwindows环境调试操作说明【操作】  Laravel怎么自定义错误页面_Laravel修改404和500页面模板  详解Huffman编码算法之Java实现  在线ppt制作网站有哪些软件,如何把网页的内容做成ppt？