iOS6从横向到纵向打破布局

Question

我正在开发一个响应迅速的Web应用程序。 我已将viewport meta标签设置为：

<meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1">

除了在iOS6上，我在其他任何方向上都没有问题 。 在该特定的iOS ，当我将方向从横向更改为纵向时，内容将保持正确的宽高比，但部分消失在左侧，而在右侧留出空白。

当我打开iOS Simulator的调试iOS Simulator （ Safari>开发> iPhone Simulator> URL ）并单击html标签（未溢出）时，页面将恢复到应有的位置。

请注意，我依靠viewport元标记来完成此操作，而不使用任何iOS专有的定向模式。 它在以下方面工作正常：

我们不支持iOS4或更低版本。 有人遇到同样的事情吗？

Answer 1

我发现这是一个输入字段，当将方向从横向更改为纵向时，导致页面中断。

经过更多的挖掘之后，我发现placeholder文本是问题的根本原因。 删除占位符将解决问题。 但是由于这是iOS6独有的问题，所以我不得不找到另一个解决方案... 这个问题让我朝着正确的方向前进。

我要做的就是让输入字段的父元素（在本例中为表单） overflow: hidden 。