@include容器是什么意思？

Question

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

.container {
  @include container;

  @include desktop {
    @include container;
  }
}

我的问题：容器{@include container}有什么作用？而且，为什么它再次嵌入桌面包含？

Answer 1

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