css - SUSY 静态网格,但根据分辨率设置宽度

标签 css compass-sass susy-compass

我对 web 网格系统还很陌生,但想选择 SUSY 主要是因为有很多人推荐它。我想要实现的是类似于我在 Twitter Bootstrap 中看到的网格系统,其中列的宽度不是可变的,但整个网格宽度有两个或三个基于可用分辨率的预定义宽度。

因此,例如,我想要一个 8 列网格,如果可用,网格宽度为 1140 像素,否则为 960 像素。

我能够想出与 SUSY 类似的东西,其中我的最大容器宽度为 1140 像素,并且通过将最小宽度设置为 960 像素,它永远不会调整到低于该宽度,但网格在两者和我的偏好之间是流动的当分辨率可用时,它可以简单地从一个切换到另一个。这主要是要有 2 或 3 个可预测的布局。

如果有人能提供帮助,非常感谢。 克里斯·钱德勒

最佳答案

您想使用 Susy 的 static 输出。为此,请设置 $container-style: static;See the docs on the official Susy site .

关于css - SUSY 静态网格,但根据分辨率设置宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17430424/

相关文章:

css - Flexbox : Child item not occupying 100% of parent, 仅占据其最小宽度

html - 响应表不工作

Highcharts - 隐藏图表无法正确调整大小

html - 使用 susy 将自定义网格放置在 div 中

firefox - compass 单转换混合在 Firefox 22 中不起作用

css - 带 Susy 的 3 列到 2 列堆叠布局(EG twitter)

jquery - 下拉设置为 0 时无法取消选中复选框

javascript - 更改有序列表中的编号?

css - SCSS/Modernizr 链式类

css - 如何从具有和不具有背景大小的文件夹创建 Sprite (使用 Compass)