移动第一个菜单开始在 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) 范围内时在页面加载时打开。