为什么我的响应式菜单不起作用？

Question

我一直在网站上工作，我对结果非常满意。

该菜单在移动设备上运行良好。但是，我决定尝试在较小的屏幕上查看时消失的菜单。

这是我使用的javascript插件[Responsive-Nav] [1]

我遵循了指示，当我完成时，它搞砸了我的导航并没有工作。 这是两个版本

[插件前的网站] [2]

[插件后的网站] [3]

我不确定是什么导致

Answer 1

您还必须在css中为不同的屏幕尺寸定义规则。

在responsive-nav.css line 11:

.nav-collapse li { width: 100%;

对于桌面浏览器集width: auto。这样菜单项将以内联方式显示。