带固定排水沟的流体布局

时间:2013-11-19 11:11:29

标签: susy-compass

我真的受到了这个网站http://sassandcompass.com/的布局的启发,据说这个网站使用的是Susy,我想用同样的想法为我的新网站制作布局。我想要的是一个横跨浏览器宽度的布局,同时保持响应。我在Susy使用'流体'容器样式,但我不知道如何保持固定的排水沟宽度。这是我的设置:

   $total-columns: 4; 

   $column-width: 4em;

   $gutter-width: 1em;

   $container-style: fluid;

   $tablet: 8;

   $desktop: 12;

您能否告诉我我的设置有什么问题以及该网站使用了哪些可能的设置?

谢谢!

1 个答案:

答案 0 :(得分:-1)

您链接的网站未保持固定的装订线宽度。 Susy 1对此没有任何支持,但是Susy 2(目前处于alpha版)。您可以通过将装订线设置为0,将border-box框大小调整应用于所有网格元素,然后手动添加装订线作为填充,在Susy 1中伪造它。