博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
移动端页面输入法挡住input输入框的解决方法
阅读量:4931 次
发布时间:2019-06-11

本文共 246 字,大约阅读时间需要 1 分钟。

1,宽高用了百分比或者vw/vh布局的,input输入框的最外层父容器的可用JS动态设置为当前窗口的宽高(防止输入法的弹出令页面变形)

2,最外层父容器用了fixed定位的,不要用top:0;要用bottom:0;不要用top:0;要用bottom:0;不要用top:0;要用bottom:0;(这就是重点!!!!!)

这个方法适用于有输入框的移动端页面,类似于一个登记信息的弹窗之类的页面。

转载于:https://www.cnblogs.com/haqiao/p/7896922.html

你可能感兴趣的文章
Dubbo点滴(2)之集群容错
查看>>
检测不到兼容的键盘驱动程序
查看>>
listbox用法
查看>>
冲刺第九天 1.10 THU
查看>>
传值方式:ajax技术和普通传值方式
查看>>
Linux-网络连接-(VMware与CentOS)
查看>>
寻找链表相交节点
查看>>
linq 学习笔记之 Linq基本子句
查看>>
[Js]布局转换
查看>>
Java annotation 自定义注释@interface的用法
查看>>
Apache Spark 章节1
查看>>
Linux crontab定时执行任务
查看>>
mysql root密码重置
查看>>
33蛇形填数
查看>>
选择排序
查看>>
SQL Server 数据库的数据和日志空间信息
查看>>
前端基础之JavaScript
查看>>
自己动手做个智能小车(6)
查看>>
自己遇到的,曾未知道的知识点
查看>>
P1382 楼房 set用法小结
查看>>