Question

magento 2的luma主题有一个bug。当我在iPhone上打开并打开菜单时，菜单会打开到远处。

它越过屏幕的右侧。

如果我在Android上执行此操作，则菜单可以正常运行。

我正在查看css代码，我发现菜单宽度是使用calc（）;

计算的

从100％减去54px。我认为iOs无法处理计算，但这不是问题。

然后我试图摆弄父元素的宽度来找到计算问题。问题是它没有解决问题。甚至更奇怪的是，在Android上它保持正常工作。

有没有人也有这个问题也与luma主题？并且可能找到了解决方案。

先谢谢你的帮助。

Answer 1

在我们的网站https://dampershop.nl上，我们通过改变一点css解决了这个问题。

我们补充说：

html.nav-before-open, .nav-before-open body {
    overflow: hidden;
    position: relative;
    height: 100%;
}

这使得iphone / ios设备能够正确打开响应式菜单。

我希望这有帮助！