我还是javascript新手，并且一直在使用自适应导航：
http://responsive-nav.com
问题是当您加载页面时，响应式导航会暂时显示。在您实际打开导航之前，它不应该是可见的。 出现此问题的网站是：http://dev.sunnyvista.infront.com/
我知道这种风格可能与它有关：
@media screen and (min-width : 940px) { .js .nav-collapse.closed {max-height:0;}}
在响应式导航示例中，设置为max-height:none;但是，当我将其设置为max-height:none;时，它会在宽度超过940像素的任何屏幕上显示响应式导航。
我已经将javascript现在放在页脚中，并且在页面的所有其他javascript加载之前，但导航仍然会在您加载页面时暂时显示。我也尝试将上面的媒体查询放在页面的头部，只是为了看看是否需要更快地获得css样式。两者都没有奏效。
来自更有经验的javascript的人的第二只眼睛将非常感谢！
答案 0 :(得分：0)
最初，您必须将导航设置为display:none，并在要显示导航的媒体查询截止时将其设为display:block。
例如：
在普通桌面模式下 ：（最好将其放在<head>部分加载的css文件的顶行中）
nav {
display:none;
}
小型设备
@media screen and (max-width : 760px) {
nav {
display:block;
}
}
答案 1 :(得分：0)
找到答案：https://github.com/viljamis/responsive-nav.js/issues/24
上面发布的问题很好地回答了这个问题。