2

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

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

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

如果我以小尺寸加载我的页面，我的列表是可见的并且我没有下拉菜单，但是如果用大屏幕切换并且再次小菜单就像下拉行为一样消失......

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

你知道是否有规则说像可见性类这样的大下拉列表？

非常感谢，对这种可怕的英语感到抱歉...

4

1 回答 1

0

Foundation 是移动优先的，所以你需要为小屏幕设置下拉类。它的工作方式类似于列的类。如果您只为 small 设置类，则所有屏幕都将继承。

前缀中等和大是必需的。

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

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

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

<ul class"dropdown medium-accordion large-drilldown menu"></ul>
于 2016-04-16T21:14:05.223 回答