带有.css左/右的Safari iOS 9.0.2 jquery错误

Posted 2023-02-23

【中文标题】带有.css左/右的Safari iOS 9.0.2 jquery错误

【英文标题】：Safari iOS 9.0.2 jquery bug with .css left/right

【发布时间】：2015-10-14 15:20:21

【问题描述】：

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

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

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

子菜单滑动到位，但主体保持缩小。

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

【参考方案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“