Zurb Foundation：中等的Topbar菜单按钮

Question

我想显示菜单按钮并以中小屏幕尺寸折叠我的顶部栏，而不是像默认行为一样小尺寸。

我试着设置了这个：

$topbar-breakpoint: #{upper-bound($large-range)}; // Change to 9999px for always mobile layout

但它似乎不起作用......

Answer 1

在_settings.scss取消注释中

// $topbar-breakpoint: #{upper-bound($medium-range)};
// $topbar-media-query: "only screen and (min-width: #{upper-bound($medium-range)})";

$ topbar-breakpoint，$ topbar-media-query正在使用upper-bound从断点var获取高值，这实际上是一个数组64.xxem和90em。

现在代替upper-bound use lower bound，如下所示..

$topbar-breakpoint: #{lower-bound($large-range)};
$topbar-media-query: "only screen and (min-width: #{lower-bound($large-range)})"

让我知道我是否遗漏了什么！我没有测试这个，因为我从不使用较少的文件，但我认为这是它的工作方式！