jquery - Safari iOS 9.0.2 jquery 错误与.css 左/右

Question

我有一个包含多个菜单的标题导航菜单，在移动设备上，当您向上或向下导航子菜单时，菜单会向左/向右滑动。在 iOS 升级到 9.0.2 之前，这一切正常。但是，现在在这条线上:

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

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

子菜单滑入到位，但主体保持收缩状态。

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

Answer 1

Apple 在“Safari 中有什么新功能？”中指出documentation for Safari 9.0 :

Viewport meta tags using width=device-width cause the page to scale down to fit content that overflows the viewport bounds. You can override this behavior by adding shrink-to-fit=no to your meta tag as shown below. The added value will prevent the page from scaling to fit the viewport.

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