列宽从不精确

时间:2013-11-21 16:17:43

标签: sass compass-sass susy-compass

我想要一个1000px宽的容器,其中12列由20px排水沟分开。 所以我输入了确切的像素:

$total-columns  : 12;
$column-width   : 65px;
$gutter-width   : 20px;
$grid-padding   : 0;
$container-style: static;

我最终得到了这些专栏:

width: 6.77966% /*(calculated: 67.7833px)*/
margin-right: margin-right: 1.69492%; /* (calculated: 16.9333px) */

我完全没有线索这里出了什么问题。我觉得我错过了一些非常基本的东西。

欢迎任何见解。

THX

2 个答案:

答案 0 :(得分:1)

Susy最初是为了管理流体网格而构建的,因此这是默认设置。如果您想要静态网格,只需将$container-style变量更改为static

$container-style: static;

应该这样做!

答案 1 :(得分:0)

好的,我发现了我的错误。

如上所述,我使用了drupal的omega 4主题。我创建了一个单独的文件_grid.scss,它只包含网格定义:

.grid-1 {
  @include span-columns(1, 12);
}

我不知道的是我还必须在该文件中添加列和宽度定义。所以我总是以默认设置结束。

对不起因干扰:)