forms - 占位符表单属性导致响应式设计在切换方向时中断

Question

将尽力解释这一点，因为我目前没有一个可行的例子。

我现在发现有两个站点，它们都使用 twitter bootstrap 作为框架，关于表单占位符元素的奇怪事件。

以这个主题为例，并注意页脚中的时事通讯形式。 主题

它使用占位符表单属性来标记名称和电子邮件元素。

现在在 iPad/iPhone 上查看时，这些显示正常。切换方向，它会调整得很好，但是然后将方向切换回来（即纵向>横向>纵向），它会将页面扔掉并将其撞到左边。布局不再固定为宽度。

我不明白这是为什么？

有任何想法吗？

Answer 1

这是 iOS6 的一个错误，已在 iOS7 中解决。overflow: hidden;在输入元素的父元素（例如表单）上设置可以解决问题。