gpt4 book ai didi

ios - Magento 2 luma iphone 响应式菜单

转载 作者:行者123 更新时间:2023-11-29 01:03:16 25 4
gpt4 key购买 nike

magento 2 的 luma 主题有一个错误。当我在 iPhone 上打开菜单时,菜单会打开很远。

它延伸到了屏幕的右侧。

如果我在 Android 上执行此操作,菜单将完美运行。

我查看了CSS代码,发现菜单宽度是使用calc()计算的;

它从 100% 减去 54px。我以为 iO 无法处理计算,但这不是问题。

然后我尝试摆弄父元素的宽度来找到计算问题。问题是这些都没有解决问题。更奇怪的是,在 Android 上它仍然可以正常工作。

有人对 luma 主题也有这个问题吗?并且可能找到了解决方案。

在此先感谢您的帮助。

最佳答案

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

我们添加了:

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

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

希望对您有所帮助!

关于ios - Magento 2 luma iphone 响应式菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36750430/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com