0

基本的なものが欠けているかもしれませんが、なぜスージーグリッドが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ではない理由はありますか？

4

1 に答える 1

3

もう一度数学を試してください。

(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
于 2013-02-17T21:12:52.320 に答える