Css 如何为12列Susy轴网指定2.5%的檐槽

我有一个移动第一网站与两个不同的网格设置。到600px：

$sm-screen-grid: (
  columns: 5,
  gutters: 1 / 3
);

这些排水沟显示为2.5%的填充，仍在试图弄清楚这到底是如何计算的。600后，我切换到12列网格。我的问题是，我希望排水沟宽度仍为2.5%。我似乎无法确定要为檐槽指定哪些值，因此它呈现为：

padding-left: 2.5%;
padding-right: 2.5%;

为了一个容器

---

有什么建议吗？

Susy的数学根据排水沟的位置而变化。基于该输出，我猜您正在使用

内部设置。这个数学看起来像：

// target-width / context-width * 100%
$single-gutter: $gutters / ($columns + ($gutters * $columns)) * 100%;

在您的例子中，该等式的结果是
5%
，它被划分为左填充和右填充–
2.5%
。据我所知，12列网格需要将排水沟设置为
1.5
，才能获得相同的结果。这意味着，为了保持准确的
2.5%
，您的排水沟将比立柱大

请记住，填充百分比是参照包含的元素计算的，而不是要填充的元素。因此，保持
%
不变将不会保持列与列的比率不变。如果您试图使排水沟始终位于柱的
2.5%
，则应将排水沟设置更改为
.25
，并将其保留在此处。百分比输出将发生变化，但任何列数的列与槽的比率都将保持不变。
非常感谢您的解释。我要发疯了，想知道这一切是怎么和苏西在一起的。我看过一些视频，但不认为其中任何一个详细解释了这一点。你能告诉我一些资源，让我更好地理解这类事情吗？我不确定是否有一个好的资源。也许我应该写一篇？那太好了，因为排水沟的计算对我来说是最让人困惑的部分，我确信它没有那么让人困惑，只是没有足够的资源来解释这一点。