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