Jquery 打开/关闭菜单时，HTML会在iOS中放大/缩小

我在一个移动网站上工作，使用一个类似于Facebook的菜单，除了移动Safari，一切都很顺利。问题是，一旦我在iPhone上打开菜单，其余的内容就会缩小以适应屏幕，然后在菜单关闭时再向上缩放

为了让它更有趣，只有在浏览器中运行时才会发生这种情况-如果您将其书签到主屏幕，则内容不会调整大小。它在iPad上也不会调整大小，只是在iPhone上

我这里有一个代码的简化版本：

如果您有iPhone，您可以在此处看到问题：

---

我尝试了几种方法，包括将right div设置为position:fixed而不是position:absolute。它实际上可以工作，但用户无法滚动页面内容。

如果不想缩放div，则需要将其滑入其父级。看看这个：。我对html结构和css也做了一些更改。

修复了缩放，但禁用了垂直滚动。添加溢出：滚动-webkit溢出滚动：触摸；修正了那个部分，再次给它动力。谢谢伟大的我很高兴能帮上忙。