Question

我有一个包含多个菜单的标题导航菜单，在移动设备上，当您在子菜单中向上或向下导航时，菜单会向左/向右滑动。这很好，直到iOS升级到9.0.2。但是，现在就行了：

menu.css({left: -(100 * positionVariable)) + '%'});

页面变得奇怪：主体缩小到页面大小的一半，子菜单从右侧滑入，从页面的最右侧开始滑动。当我转到另一个子菜单时，页面再次减半。这是幻灯片开头的样子：

儿童菜单滑入位置，但身体保持缩小状态。

我也注意到我的一些应用程序中的类似行为（例如MyFoodDiary），当页面向左滑动时，正文缩小，但在此应用程序中，一旦幻灯片完成，正文将恢复其大小。还有其他人遇到过这个bug吗？我该如何解决？

Answer 1

Apple在“Safari中有什么新东西？”中说道。 documentation for Safari 9.0：

使用width=device-width的视口元标记会导致页面缩小以适应溢出视口边界的内容。您可以通过将shrink-to-fit=no添加到元标记来覆盖此行为，如下所示。添加的值将阻止页面缩放以适合视口。

meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no“