网格宽度不是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。任何想法为什么它不像其他网格960像素？

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