缩放时在iOS上更改页面大小

Question

我在使用iOS时遇到了一些问题(Safari和Chrome for iOS).当用户缩放页面时,似乎正在改变大小(它也会触发调整大小的javascript事件数十次),这会弄乱我使用javascript定位的一些内容.我无法通过绑定resize事件来解决这个问题,因为它的调用方式太多次了,我无法知道哪一个是最后一个.

我已尝试在视口上设置多个选项而没有运气(宽度,初始比例,最大比例,最小比例).

我有一个固定位置div,固定顶部,右侧,左侧和顶部.里面有几个绝对的div,它们的大小和位置设置为%.

看起来页面实际上正在改变大小,因为当我放大后缩小时,我看到屏幕右下角的空白边框.我想防止这种情况发生.

Answer 1

我已经找到问题了。页面没有自行调整大小，而是固定定位的元素。事实证明，如果用户放大，固定定位就会跟随用户的视图。我找到的唯一解决方案是将所有固定定位更改为绝对定位（在我的情况下，这将是一个痛苦）。

我还发现，由于调整大小事件绑定到窗口，因此缩放时视图会发生变化，因此会触发调整大小功能。调整大小事件不适用于其他元素（在我的情况下，我实际需要的是查看主体上的调整大小）。