javascript - 在 iPad 上更改方向后页面元素放置不正确

Question

在窗口调整大小（桌面）或方向更改（iPad）后，我运行一些代码来重新定位页面上的元素。我面临着对我使用的那些元素进行不当重新定位的问题。我要重现此问题的方法是：

1. 以垂直方向加载页面。一切看起来都很好。
2. 将 iPad 旋转 90 度。应该重新定位的元素，正确执行。一切看起来都很好。
3. 将 iPad 向后旋转。问题出现并如下所示：

这是它的样子：

如果我评论重新定位这些元素的代码，除了元素之外，它看起来都很好。iPad Safari 和 iPad Chrome 也是如此。如果我在桌面浏览器上调整窗口大小，我的代码可以正常工作。问题可能出在哪里？

Answer 1

旧 iPad 中存在一个错误，它不会在方向更改时调整大小/缩放。我不确定它是否已在最新的操作系统中修复。在这里查看：如何在 ipad 中调整/重新缩放网页