Question

我最近在几个项目上使用了Compass Susy并且有一些关于它的问题，现在我已经尝试了几次。

顺便说一下，我在这里开始作为桌面第一个工作流程。

在这些项目中，我设置了默认的列宽，排水沟等。

假设我有一个12柱网格，90px，10px排水沟

然后，当我到达移动媒体查询时，说我想要一个4列网格，然后我有一个媒体布局，如：$ mobile：4 480px

@include at-breakpoint（$ mobile）{ //样式在这里 }

我真正感到困惑的是我不了解媒体布局。如果我在媒体布局中指定我想要最小宽度为480像素的4列，那么它如何知道列的宽度或我想要的沟槽宽度。我猜它使用默认值。这是它的用途吗？

为了解决这个问题，对于每个媒体查询，我最终必须设置媒体查询，跨越列，然后使用with-grid-settings mixin指定新网格，然后重新包含容器。

我可能只是得到了错误的结局。有人可以解释它是如何工作的，以及我应该如何正确使用Susy？

由于

Answer 1

你是对的。 at-breakpoint并不意味着为您提供各种尺寸的全新网格设置 - 仅用于更改列数。 with-grid-settings是用于更改网格设置的正确工具，如果您需要更改不同大小的网格设置，则这两个工具可以很好地协同工作。

@include at-breakpoint($mobile) { 
  @include with-grid-settings(4,3em,2em,1em) { // styles here }
}

目前没有捷径。