iPhone键盘缩小了web应用的模态大小

iPhone keyboard shrinks modal size for web application

本文关键字：模态 应用 web 键盘 缩小 iPhone      更新时间：2023-09-26

我有一个网站，它有一个模态。当一个div被点击时，模态弹出。模态中有一个输入。在移动设备上浏览网站时，我遇到了一个问题，当点击输入时，iPhone键盘会弹出。模态看起来保持相同的大小，但是如果我关闭iPhone键盘，模态就会缩小到屏幕大小减去键盘大小。

在使用虚拟键盘时，iOS和position:fixed;元素的渲染似乎有一个错误。

你应该尝试改变你的模态使用position:absolute;，看看这是否纠正了这个问题。

您也可以在这里尝试User Agent嗅探方法。

在没有看到任何代码的情况下很难说，但也许您需要添加viewport元标记?

如果你还没有这样做，试一下:

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
相关文章：