如何获取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。