Sass ZURB基金会:媒体上的TopBar菜单按钮

Sass ZURB基金会:媒体上的TopBar菜单按钮,sass,zurb-foundation,Sass,Zurb Foundation,我想显示菜单按钮并以中小型屏幕大小折叠顶栏,而不是像默认行为那样仅以小型屏幕大小折叠顶栏 我尝试了以下设置: $topbar-breakpoint: #{upper-bound($large-range)}; // Change to 9999px for always mobile layout 但它似乎不起作用…在您的\u设置中。scss取消注释 // $topbar-breakpoint: #{upper-bound($medium-range)}; // $topbar-media-q

我想显示菜单按钮并以中小型屏幕大小折叠顶栏,而不是像默认行为那样仅以小型屏幕大小折叠顶栏

我尝试了以下设置:

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

但它似乎不起作用…

在您的
\u设置中。scss
取消注释

// $topbar-breakpoint: #{upper-bound($medium-range)};
// $topbar-media-query: "only screen and (min-width: #{upper-bound($medium-range)})";
$topbar breakpoint,$topbar media query正在使用
上限
从断点
var
获取高值,该断点实际上是一个数组64.xxem和90em

现在,不要使用上界,而是使用下界,如下所示

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

如果我遗漏了什么,请告诉我!我没有测试这一点,因为我从来没有使用较少的文件,但我认为这就是它的工作原理

我也是,这真是太遗憾了,没有得到任何点击率。我也没有使用它们,但我已经为自己做了一个廉价的解决方案,没有给出更好的答案。感谢您抽出时间回答这个问题!哈哈,我不明白——你不是那个问这个问题的人@r3wt我知道,与其问一个重复的问题,不如重新提出来,然后把悬赏放在那里。我被困在同一个问题上。