Responsive design 基础6数据响应菜单参数 我正在构建一个带有基础6的响应导航，集成在WordPress中。我想使用数据响应菜单属性来触发小屏幕上的向下搜索插件。容易的。问题是我不想在其他屏幕尺寸上使用任何其他插件。文档给出了以下示例： <ul class="vertical menu" data-responsive-menu="drilldown medium-dropdown">

但这会在小屏幕上触发向下搜索插件，在大屏幕上触发向下搜索插件。如果我只使用“向下搜索”选项或“小向下搜索”，它将针对所有媒体查询。我知道我可以调用wp_nav_menu的两个实例，show for small only和show for medium up，但我想知道我是否可以在不打印两个相等菜单的情况下实现这一点。

您只需要添加一个响应类，它告诉菜单从中向上是水平的，如下所示：

---

更新：与响应菜单中的下拉箭头和子菜单折叠方向相关的问题已在

foundation sites 6.2.0的发行版中得到修复

您是说该菜单应为屏幕尺寸中等及以上的菜单吗？不，我想要“水平”样式，如中等及以上屏幕尺寸的ul菜单。我道歉，也许不清楚！下拉列表实际上是你们想要的中等以上，你们只需要把它设置为水平。现在为您添加答案…您的解决方案正在运行，谢谢您的回答。关键是我不想要“下拉”行为。使用此代码，所有子菜单项的行为都类似于Foundation 6下拉，但我个人在中上媒体查询中为它们构建了自定义视图。我认为它是可能的，不选择任何插件，并有这样一个简单的菜单无论如何，非常感谢您的帮助！不客气。如果子菜单项不下拉，您希望它们如何显示在中上？只是让每个菜单项都在同一条水平线上？没错，因为我需要建立自己的巨型菜单来满足客户的要求。换句话说，我只需要基金会在手机上的帮助。目前，我已经编写了两个呼叫菜单，一个用于手机，一个用于大屏幕。需要走了，我明天会读下一个答案，祝你有一个好朋友。2个菜单调用可能是你想要的方式，但是如果你可以使用CSS“撤销”大屏幕上的下拉列表，那么就去吧。是的，这可能是最好的解决方案！