javascript - 响应式设计在 iPad 上有效但只有一次

Question

这是完整的相关代码示例:http://pastebin.com/b7P5Hjt1

(请参阅本文下方的评论以获取屏幕截图的链接；所以只允许我有两个链接)

然后，所有横向方向在第一次转动后都被不正确地缩放/缩放。我终生无法弄清楚问题出在哪里。我认为这可能是在完全调整方向之前发生的百分比计算，但我不知道如何测试它，更不用说修复它了。

我在 StackOverflow 上发现了 onOrientationChange 函数，并链接到关于它的 Apple 文档。然而，那是一个多星期前的事了，我只有帖子中的代码，没有 URL。我已搜索它以再次链接，但我找不到它。

如有任何帮助、问题或说明，我们将不胜感激!

Answer 1

TL;DR:您需要将 updateOrientation 函数绑定(bind)到窗口的方向更改事件，而不是文档的主体。

在第 201 行，您设置了 onorientationchange 事件来触发 updateOrientation 函数。相反，您应该将窗口的方向更改绑定(bind)到您的函数。

window.onorientationchange = function() { updateOrientation(); }

这里有一个例子: How do I correctly detect orientation change using javascript and Phonegap in IOS?