@include 容器是什么意思？

Question

我开始使用 Compass 和 Susy。我的目标是让我的布局适应手机、平板电脑和桌面屏幕尺寸。 在 Susy 示例（susy.oddbird.net 或 SO question）中，有一种模式是让列数适应屏幕大小。具体来说，有这样的嵌套规则：

.container {
  @include container;

  @include desktop {
    @include container;
  }
}

我现在的问题是：容器 { @include container } 是做什么的？还有，为什么又嵌套在桌面include中？

Answer 1

container mixin 确定页面的宽度。如果宽度应该改变（就像自适应布局一样），您只需要在不同的断点重复它。如果您使用的是流体网格，则无需重复。