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

Question

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

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

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

这是怎么回事？

Answer 1

您有冲突的媒体大小用于展开和折叠菜单，存在于您的 js 和 css 中。在 generalricFunctions.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-768px (iPad( 范围内在页面加载时打开。