特定菜单时停止下拉菜单行为-Foundation 6

Question

我使用Foundation 6和响应菜单来更改外观菜单，如下所示：

<ul class='wrapper-list' data-responsive-menu='large-dropdown' data-disable-hover='true' data-autoclose='false' data-click-open='true'>

当屏幕很大时，我会有一个下拉菜单，但是当我将屏幕尺寸调整为中/小菜单时，则留在下拉菜单中，这对我来说是个大问题。

如果我以较小的尺寸加载页面，则可以看到我的列表，并且没有下拉菜单，但是如果以大屏幕切换并再次打开小菜单，菜单会像下拉菜单一样消失...

当屏幕较小时，如何在没有JS交互的情况下以初始外观（HTML基本）“重置”菜单？

您是否知道是否有规则说像可见性类别这样的仅大型下拉菜单 ？

非常感谢，并为这个可怕的英语感到抱歉。

Answer 1

Foundation首先是移动设备，因此您需要为小屏幕设置下拉菜单。 它的工作方式类似于专栏的专栏文章。 如果仅将类别设置为小，则所有屏幕都将继承。

前缀大中型是必需的。

不需要前缀small ，因此任何不带前缀的菜单特定类都将被视为small的类。

如果您有两个没有前缀的类，则这两个中的最后一个将用于小屏幕。

同样，如果您有两个具有相同前缀的类，则这两个屏幕中的最后一个将用于该屏幕尺寸。

<ul class"dropdown medium-accordion large-drilldown menu"></ul>