如何在 iPad 屏幕旋转后获得新的 window 尺寸？

Question

我试图在用户旋转屏幕时更改网页中元素的大小（尤其是 iPads，但也适用于所有移动设备）。新尺寸将根据新屏幕尺寸计算。

我已尝试使用 window.onresize = myFcn;，但在我的 iPad 上无法正确触发调整大小事件。

我试过使用 window.onorientationchange = myFcn;，但事件在屏幕的实际尺寸发生变化之前被触发，所以我无法使用它们来确定 table 的正确新尺寸.

我已经尝试按照我阅读的 SO 答案中的建议使用 setTimeout(myFcn, 50)，但这只会创建一个无限循环，因为在循环为 运行.[=15 时尺寸不会改变=]

如何在方向更改后获得新的屏幕尺寸？

Answer 1

如果将 2 和 3 结合起来会怎么样，这会给设备 50 毫秒的时间来完成其方向更改（如果时间不足，您可以增加）。

window.onorientationchange = function () {
  setTimeout(myFcn, 50);
};