网格宽度不是960px

Question

我可能会遗漏一些基本的东西，但为什么susy grid不等于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