Long试图创建响应式导航。但结果仍然如此。 但我还是不确定我做对了。因为我在跨度中传递了值0。或者这样仍有可能吗?它有效:)
$big: (columns: 24, gutters: 1/2,math: fluid,gutter-position: split )
@include susy-breakpoint(700px, $big)
.nav-item // is ui>li.nav-item
@include span(0 border-box)
答案 0 :(得分:1)
不,这不是使用Susy的正确方法。如果查看输出,您会看到width: -1.38889%;
是无效的CSS。它的工作原理是因为浏览器会忽略无效代码 - 但这不是一个好主意,而且它对Susy没有任何意义。
你需要的唯一网格输出是排水沟,所以你应该问Susy。其余的你可以使用普通的css:
.nav-item {
@include gutters;
box-sizing: border-box;
float: left;
}