当<input />文本溢出时,iOS 6中的页面移位

时间:2013-03-13 14:56:03

标签: css html5 ios6

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

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

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

<input/>字段中的文字溢出时,如何防止页面移动?

Here's an example showcasing it.

1 个答案:

答案 0 :(得分:0)

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