如何使用 Susy 进行静态布局？答案

【问题标题】：How to use Susy for Static Layouts?如何使用 Susy 进行静态布局？
【发布时间】：2015-02-12 01:50:47
【问题描述】：

我正在努力学习 Susy 并用它构建响应式页面。在 Susy 之前，我一直在使用 Bootstrap 网格，并且已经习惯使用该网格设计网页。当我在 Bootstrap Grid 中设计时，我知道列的确切位置并相应地使用该大小的图像。例如，跨越 3 列的图像将是 270 像素宽。我与 Susy 一起努力学习的概念是如何根据图像的列数确定图像的宽度。

简而言之，我想坚持使用静态宽度而不是 Bootstrap 网格，而是使用 Susy。

有没有其他人也遇到过同样的问题？还是我遗漏了一些概念？

谢谢

【问题讨论】：

标签： twitter-bootstrap-3 responsive-design susy

【解决方案1】：

好吧，我想我明白了。这是我用来模仿 Bootstrap Grid 的配置。

$susy: (
    columns: 12,        
    column-width: 70px,
    gutters:30px/70px,  
    debug: (image: show)
);

这会准确生成 Bootstrap 使用的网格

【讨论】：