Zurb Foundation:介质上的Topbar菜单按钮

马克西姆

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

我尝试了一些与此设置:

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

但这似乎不起作用...

诺拉维

在你_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从breakpoint获得更高的值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)})"

让我知道我是否缺少任何东西!我没有进行测试,因为我从不使用更少的文件,但是我认为这是有效的!

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Zurb Foundation:介质上的Topbar菜单按钮

来自分类Dev

Zurb Foundation Framework的Browserify

来自分类Dev

对Zurb Foundation的贡献入门

来自分类Dev

Zurb Foundation Framework的Browserify

来自分类Dev

ZURB Foundation 6的要求

来自分类Dev

Zurb菜单图标在左侧?

来自分类Dev

Zurb Foundation Topbar根本不起作用

来自分类Dev

Zurb Foundation导航子菜单不会堆叠

来自分类Dev

Zurb Foundation 5-使按钮响应

来自分类Dev

Zurb Foundation 5-使按钮响应

来自分类Dev

Zurb Foundation顶栏上的中心元素

来自分类Dev

移动设备上的Zurb Foundation 4

来自分类Dev

Zurb Foundation:布局在iPhone上不响应

来自分类Dev

Foundation Zurb-容器宽度?

来自分类Dev

Zurb Foundation的jQuery UI主题?

来自分类Dev

Zurb Foundation垂直导航栏?

来自分类Dev

如何设置Zurb Foundation图标?

来自分类Dev

Zurb Foundation Orbit:延迟加载?

来自分类Dev

Zurb Foundation更改顶部颜色

来自分类Dev

Zurb Foundation中的居中列表

来自分类Dev

Zurb Foundation 6原色变量

来自分类Dev

Zurb Foundation小柱不流动

来自分类Dev

Zurb Foundation中的居中列表

来自分类Dev

Foundation Zurb中的图像缩放

来自分类Dev

Zurb Foundation展示了Rails的模态

来自分类Dev

Foundation Zurb-容器宽度?

来自分类Dev

如何在Zurb Foundation下拉菜单中添加溢出?

来自分类Dev

Zurb Foundation下拉菜单不起作用

来自分类Dev

Zurb Foundation顶部栏下拉菜单在小屏幕上消失