如何在Susy中获得“堆叠网格”（另一列上方的列）

Question

对于susy和响应式网页设计完全陌生，我试图了解如何使用Susy（我选择的网格框架）获得此结果：http://semantic.gs/examples/responsive/responsive.html

我无法找到达到相同结果的方法，所以我开始问自己，Susy是否打算避免处理布局网格的方式。

我想知道是否有可能获得该结果（以及如何），或者，如果Susy不适用于该类型的网格。

由于

Answer 1

Susy旨在让您决定您的网格如何工作以及它们如何变化。你想要的是一个简单的移动优先布局模式 - 很容易与Susy。堆叠部分是自动的：默认情况下块元素堆栈 - 你甚至不需要Susy。你只需要在给定断点之上的Susy。为此，您可以使用at-breakpoint：

// your small screen layout

@include at-breakpoint($total-columns) {
  // your large-screen layout
}

查看Susy Docs以了解有关您可以执行的操作的详细信息。甚至还有a demo。