iPhone键盘缩小了网络应用程序的模式大小

Question

我有一个网站，它有一个模式。点击div时，模式弹出。模态中有一个输入。在移动设备上查看网站时，我遇到了点击输入时弹出iPhone键盘的问题。该模式似乎保持相同的大小，但如果我然后关闭iPhone键盘，模式缩小到屏幕大小减去键盘大小。

Answer 1

似乎有一个iOS的bug和position:fixed;元素的渲染when using the virtual keyboards。

您应该尝试更改模式以使用position:absolute;并查看是否可以解决问题。

您也可以尝试User Agent Sniffing method here。

Answer 2

很难说没有看到任何代码，但也许你需要添加viewport meta标签？

如果您还没有这样做的话，试试这个：

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />