Javascript 移动第一菜单开始在iPad上打开

我的网站的手机第一菜单有问题

网站如下：

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

---

发生了什么事？

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

var mediasize = 700;

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

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

var mediasize = 700;

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

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

var mediasize = 768;

---

这将防止在700-768px（iPad）范围内加载页面时打开菜单。

您好，谢谢，我已将var mediasize更改为768，但它仍然不工作。具体不工作的是什么？我刚刚在断点700-768px上测试了更新后的站点，默认情况下不再看到菜单打开。因为google chrome是我使用的最好的浏览器，但是如果它缓存每个页面，即使我告诉它不要这样做，它也完全没有用。。。。它起作用了。谢谢