SUSY静态网格，但设置的宽度根据分辨率

我对网格系统相当陌生，但想选择SUSY主要是因为很多人推荐它。我想要实现的是类似于我在Twitter引导中看到的网格系统，其中列的宽度不是流畅的，但整个网格宽度根据可用分辨率有两个或三个预定义宽度。因此，例如，我想要有一个8列网格，网格宽度为1140像素（如果可用），否则为960像素。SUSY静态网格，但设置的宽度根据分辨率

我能够拿出类似于SUSY的东西，其中我的最大容器宽度是1140px，并且通过设置最小宽度960px它永远不会调整大小，但网格在两者之间是流畅的，而我的当分辨率变得可用时，优选的是它简单地从一个切换到另一个。这主要是有2或3个可预测的布局。

非常感谢任何人都可以帮忙。 Chris Chandler

来源

2013-07-02 Chris Chandler

您想使用Susy的static输出。要做到这一点，请设置$container-style: static;。 See the docs on the official Susy site。

来源

2013-07-02 19:39:26

嗨，Eric。谢谢你的回答，但我不认为是我需要的。在我看来，静态网格是以一个设定的分辨率作为前缀。基本上我想要的是三个静态网格，都具有相同的列布局，但每列的宽度不同，并且只有在分辨率允许时才在这些网格之间切换。 –

因此，例如，如果1140px可用，它会将自己配置为1140静态网格，但如果不是，则会降至960静态网格。这似乎是一个非常常见的解决方案，我认为Twitter Bootstrap网格的默认“响应”行为。 –

静态网格将根据流体/魔术网格的相同方式调整为媒体查询断点。只需使用'at-breakpoint'来更改不同视口大小的网格设置，并且您有所需。 –

SUSY静态网格，但设置的宽度根据分辨率

回答

相关问题