2

私はコンパスとスージーを始めています。私の目標は、レイアウトを電話、タブレット、デスクトップの画面サイズに適合させることです。Susyの例（susy.oddbird.netまたはSOの質問）では、列の数を画面サイズに適合させるパターンがあります。具体的には、次のようなネストされたルールがあります。

.container {
  @include container;

  @include desktop {
    @include container;
  }
}

今の私の質問：コンテナ{@include container}は何をしますか？そして、なぜそれがデスクトップインクルードに再びネストされるのですか？

4

1 に答える 1

3

ミックスインはページのcontainer幅を確立します。その幅を変更する必要がある場合にのみ、異なるブレークポイントで繰り返す必要があります（アダプティブレイアウトの場合と同様）。流体グリッドを使用している場合は、繰り返す必要はありません。

于 2012-10-08T05:11:41.867 に答える