0

Susy がグリッドの幅を計算する方法がわかりません。12 グリッドの列内にネストされた 9 列のグリッドがあり、期待どおりに幅が計算されません。ここに私の設定があります：

$susy: (
    columns: 12,
    column-width: 60px,
    gutters: 2/5,
    math: static,
    global-box-sizing: border-box
);

だから私のメインコラムは@include span(last 9 nest);. したがって、その 9 列のグリッド セル内に別のセルを作成すると@include span(1 of 9 inside);、出力 css は次のようになります。

{
    width: 60px;
    padding: 0 12px;
}

代わりに、私が得ているのは次のとおりです。

{
    width: 84px;
    padding: 0 12px;
}

私が望むのは、列の合計幅を 60 ピクセルにすることです。これは、1 つの列の幅が期待されるものであり、左右にパディングを追加します。Susy に幅を列幅に追加しないように指示する方法はありますか? また、列を互いに揃える必要があるため、マージンの代わりにパディングを使用しています。

これは、グリッドがどのように見える必要があるかのスクリーンショットです。 ここに画像の説明を入力

4

1 に答える 1

1

Susy が出力し、内部にパディングをwidth: 60px;追加した場合 (ガター用)、実際の列幅は. 列とガターを完全に表示するには、幅を に設定する必要があります。12px24px36px60px24px84px

于 2014-05-26T18:02:44.073 に答える