css - 当 <input/> 文本溢出时，iOS 6 中的页面移动

Question

我在 iOS 6 的网站上遇到了这个非常奇怪的问题。

在我的登录屏幕上，我有两个 <input/>字段、用户名和密码。我在 <input/> 中输入文本字段，如果文本的宽度大于 <input/> 的宽度(当文字溢出时)，整个屏幕移动大约50px到右下角。当我使用虚拟键盘中的删除按钮连续键入字符或删除字符时，会发生这种情况。一旦文本宽度小于 <input/>宽度，页面不会移动。这发生在 iOS 6、Safari 和 iOS 6 应用程序中。

我尝试将父级设置为 overflow: hidden没有运气。

当 <input/> 中的文本溢出时，如何防止页面移动？字段？

Here's an example showcasing it.

Answer 1

也许试试position:fixed？我没有 iPhone/iPod Touch/iPad，所以无法测试。