css - @include 容器是什么意思？

Question

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

.container {
  @include container;

  @include desktop {
    @include container;
  }
}

我现在的问题是：容器 { @include container } 做什么？而且，为什么它又嵌套在桌面包含？

Answer 1

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