susy-compass - 网格宽度不是 960px

Question

我可能遗漏了一些基本的东西，但为什么 susy 网格不等于 960px？

$total-columns  : 12;             // a 12-column grid
$column-width   : 60px;            // each column is 4em wide
$gutter-width   : 10px;            // 1em gutters between columns
$grid-padding   : $gutter-width;  // grid-padding equal to gutters

$container-style: static;

.susy-container {
   @include container;
}

我得到宽度 830px。知道为什么它不像其他网格那样是 960px 吗？

Answer 1

再试一次你的数学：

(12*60) + (11*10) = 830

官方的 960 网格系统使用20px排水沟和10px网格填充：

$total-columns  : 12;
$column-width   : 60px;
$gutter-width   : 20px;
$grid-padding   : 10px;

那应该给你你正在寻找的东西。

(12*60) + (11*20) + (2*10) = 960