為什么我的響應式菜單不起作用？

Question

我一直在一個網站上工作，對結果感到非常滿意。

該菜單在移動設備上效果很好。 但是，我決定要嘗試一個在較小屏幕上查看時會消失的菜單。

這是我使用的[Responsive-Nav] [1]

我按照指示進行操作，當我完成操作后，它弄亂了我的導航，但沒有起作用。 這是兩個版本

[插件前的站點] [2]

[插件后訪問] [3]

我不確定是什么原因

Answer 1

您還必須在CSS中為不同屏幕尺寸定義規則。

在responsive-nav.css line 11:

.nav-collapse li { width: 100%;

對於桌面瀏覽器，設置width: auto 。 這樣，菜單項將內聯顯示。