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

Question

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

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

以此主题为例，并在页脚中注明简报形式。 Theme

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

现在在iPad / iPhone上观看时，这些显示效果很好。切换方向，它将调整正常，但然后切换方向（即肖像＆gt;横向＆gt;肖像），它会关闭页面并将其向左击出。布局不再固定为宽度。

我不明白为什么会这样？

有什么想法吗？

Answer 1

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