防止在 Android 浏览器中从键盘调整页面大小

Posted 2023-03-06

【中文标题】防止在 Android 浏览器中从键盘调整页面大小

【英文标题】：Prevent page resize from keyboard in Android Browser

【发布时间】：2015-10-18 10:41:14

【问题描述】：

我在弹出框内使用文本框，但问题是键盘缩小了文本框的大小，用户看不到他输入的内容。但是在横向模式下，浏览器会自行打开一个单独的文本输入字段，用户可以在其中输入数据，所以问题：

有什么方法可以创建一个键盘覆盖层，这样它就不会调整弹出框的大小？

当用户每次点击这个文本框时，我可以让其他文本区域接受输入吗？

【问题讨论】：

您无法阻止该事件。浏览器应用程序调整整个文档（正文）的大小。使其与屏幕中间的一个文本框（总是 40% 顶部 - 绝对位置）一起使用，然后编写函数并传递 arg 哪个 textField 被编辑。编辑后隐藏中间文本框和覆盖 div 并为传递的 arg 文本框 html 对象设置文本值。

【参考方案1】：

使用 CSS 固定弹出框的高度

.popover
height:100px;

Here 是一个类似的页面。