是否可以将值 0 传递给 span(0)？

Question

长期尝试创建响应式导航。但结果还是出来了。 但我仍然不确定我做对了。因为我在跨度中传递了一个值 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)

Answer 1

不，这不是使用 Susy 的正确方法。如果查看输出，您会看到 width: -1.38889%; 不是有效的 CSS。它之所以有效，是因为浏览器会忽略无效代码——但这不是一个好主意，也不是对 Susy 的有意义的使用。

您需要的唯一网格输出是排水沟，所以这就是您应该向 Susy 询问的全部内容。剩下的你可以用纯 CSS 做：

.nav-item {
  @include gutters;
  box-sizing: border-box;
  float: left;
}