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

Mobile first menu starts opened on iPad vertical

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

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

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

怎么回事?

您的 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) 范围内时在页面加载时打开。