0

$total-columns を次のように変更しようとしています:

@include at-breakpoint(55em 12)
  $total-columns: 12

ここで提案されているように: Susy: 画面サイズに応じて列数を変更する

しかし、私はそれを機能させることができません。_base を設定することから始めます

$total-columns: 5

私はモバイル用に設計しましたが、PC ビューではコンテナーに 12 列を持たせたいと考えています。

何か不足していますか？

4

1 に答える 1

1

According to the Susy reference maybe try the following (Depending if 60em should be your min or max value):

$media-layout: 12 60em;     // Use 12 cols up to max 60em.
or
$media-layout: 30em 12 60em;// Use 12 cols between min 30em & max 60em.
or
$media-layout: 60em 12;     // At min 60em, use 12-col layout.

Take the defined variable and enter that variable in the mixin:

@include at-breakpoint($media-layout)
于 2013-06-06T20:22:40.970 に答える