ipad - iOS6 Safari 方向改变错误？

Question

我在 Safari 和 iOS6 中有一种罕见的行为。从横向更改为纵向时，视口(viewport)会调整大小，但似乎没有正确水平定位。它向左偏移了 128 像素。

我可以使用 iOS6 中的 iPad3 重现此行为，访问 www.google.com

如果您像这样更改 html 的显示属性:

document.querySelector("html").style.display = "none"
document.querySelector("html").style.display = "block"

视口(viewport)返回原点并正确显示。这就是为什么我认为这是一个错误。

任何想法如何解决这一问题？

Answer 1

今天早上我注意到了一个类似的问题。

每当方向从横向更改为纵向时，整个主体元素都会向左移动几乎一半，此时它应该是 100% 宽度。这是 iOS 6 中的移动 Safari，在 iPhone 4s 上运行。

我把它钉在了我拥有的全宽搜索栏上。在此栏的父元素上，我放置了 overflow: hidden; 的属性

这最终解决了我的问题。我花了很长时间检查其他网站，这可能无法解决您的问题。例如，我的修复似乎并没有适用于 BestBuy.com，它也遇到了同样的问题。