css - 如何在 Susy 中获取“堆叠网格”（列在另一个之上）

Question

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

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

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

谢谢

score 1 · Accepted Answer

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

// your small screen layout

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

查看Susy Docs以获取有关您可以做什么的更多详细信息。甚至还有一个演示。

1 回答 1