javascript - 移动优先菜单开始在 iPad 垂直打开

Question

我的网站移动优先菜单有问题。

网站是这个:http://www.articaclima.it/chi-siamo

通过浏览器检查它，使用响应式设计模式，它工作得很好。通过使用 iPad(垂直)查看它，它不起作用:菜单在加载页面时开始打开，如果我关闭它然后向下滚动页面，它会重新打开。

发生了什么事？

Answer 1

您的 js 和 css 中用于展开和折叠菜单的媒体大小存在冲突。在 genericFunctions.js:176 中，你有:

var mediasize = 700;

随后的代码显示和隐藏与该媒体大小相关的菜单。但是，在您的 css 中，您将 768px 设置为几乎所有响应的断点。具体来说，对于菜单，在 head.css:129 中，您有:

#cssmenu ul{width:100%;display:none; position: relative; top: 0px;}

长话短说，您的媒体断点需要匹配。为简单起见，我建议将上面提到的 js 代码更改为:

var mediasize = 768;

这应该可以防止菜单在 700-768 像素 (iPad) 范围内时在页面加载时打开。