Question

我是使用Bourbon Neat的新手，并对断点如何工作有疑问。在我的grid_seeings.scss中，我设置了这样的断点：

$xsm: new-breakpoint(min-width 300px 4);
$sm: new-breakpoint(min-width 600px 6);
$med: new-breakpoint(min-width 768px 8);
$lg: new-breakpoint(min-width 1024px 10);
$xlg: new-breakpoint(min-width 1200px 12);

期望的结果是总共4个项目，较大的设备2行，每行2个，小于大型设备，每个以100％宽度堆叠。这是我的标记：

.grid-items {   
    @include outer-container;

    .item {
        width: 100%;

    @include media($lg) {
      @include span-columns(6);
            @include omega(2n);
        }
    }
}

我希望这能以100％的宽度提供itesms直到1024px被击中，然后每个为6列提供服务并删除每个第2项的边距。然而，出于某种原因，它将宽度计算为58％。它与每个断点的默认列有关，4,6,8,10,12。如果我将这些全部设置为12，它就可以工作。我是否必须首先在较小的断点处定义span4而不是宽度：100％？

Answer 1

Dough，我刚刚意识到我的lg断点正在使用10列，所以我应该为每个项目调用5而不是6。

Bourbon Neat断点不能正确计算

1 个答案: