Safari iOS 9.0.2与.css左/右的jquery bug

Question

我有一个包含多个菜单的标题导航菜单，在移动时，当您向上或向下浏览子菜单时，菜单会左右滑动。这工作得很好，直到iOS升级到9.0.2。然而，现在这条线：

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

页面获取所有怪异：身体缩小到一半的页面大小，和孩子的菜单，从右侧滑动，开始在最右边的页面和滑动的过度。当我转到另一个子菜单时，页面再次减半。下面是它看起来像在幻灯片的开始：

子菜单滑入位置，但身体撑缩水。

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

Answer 1

苹果在“Safari新增功能”中声明： documentation for Safari 9.0：

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

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