Sass Susy-更改流体容器上的列数

我有一篇div.article，在8列布局中有2列宽

在一个将布局增加到12列的断点处，我希望我的div.article仍然有两列宽

请注意，由于流体容器的原因，列宽不是固定的

问题是，当我的布局（和列宽）发生变化时，div.article保持其原始宽度。它的宽度保持为2“旧”列宽

为了解决这个问题，我必须有这样一个标记：

.article {
    @include span-columns(2); // original size
    @include at-breakpoint($mobile_portrait) {
        @include span-columns(2); // I must add this so its new width is large as 2 columns of the new layout
    }
}

---

有没有办法防止在流体网格上重复这样的标记？

没有。这不是流体设计的问题

在Susy词汇表中，你所做的被称为“魔法网格”。对于不同的屏幕大小，网格具有不同的列数

为了使它工作，CSS应该包含小屏幕和大屏幕布局的样式。你在这里所做的就是提供它们。请注意，当从断点处的

内部调用
span columns
时，它会生成不同的值

所以这是正确的方法。您应该对该代码感到满意

请看Susy的magic grid演示：