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 。