Sass Susy 2中的排水沟宽度

在Susy 2的beta 2中，是否可以在主栅格设置中设置檐沟宽度，如：

$susy: (
  flow: ltr,
  math: static,
  output: float,
  gutter-position: after,
  container: auto,
  container-position: center,
  columns: 12,
  gutters: .25,
  !!!!gutter-override: 20px,!!!!
  column-width: 77.5px,
  global-box-sizing: border-box,
  last-flow: to,
  debug: (
    image: hide,
    color: rgba(#66f, .25),
    output: background,
    toggle: top right,
  ),
);

---

因为它似乎不喜欢它。我需要为此网格设置柱和檐槽的显式宽度，容器应根据这些宽度确定。

在Susy Next中，檐槽设置为柱宽度（

77.5px

）的比率（

.25

）。给定这些设置，Susy可以确定檐槽宽度（

77.5px*.25=19.375px

）

通过说您需要静态数学、

.25

檐槽和

77.5px

列，您已经设置了檐槽宽度，并且可以计算容器。如果愿意，可以使用真实像素值设置间距比：

$susy: (
  column-width: 77.5px,
  gutters: 20px/77.5px, // same as ".258064516"
);

---

排水沟覆盖

不是全局设置，在这里对您没有帮助。当您要替代全局值时，该设置仅适用于跨度。此外，我不建议使用亚像素设置。像素不会真正分解，而且分数像素声明在浏览器中的处理方式也不一样。

在Susy Next中，檐槽被设置为与列宽（

77.5px

）的比率（

.25

）。给定这些设置，Susy可以确定檐槽宽度（

77.5px*.25=19.375px

）

通过说您需要静态数学、

.25

檐槽和

77.5px

列，您已经设置了檐槽宽度，并且可以计算容器。如果愿意，可以使用真实像素值设置间距比：

$susy: (
  column-width: 77.5px,
  gutters: 20px/77.5px, // same as ".258064516"
);

---

排水沟覆盖

不是全局设置，在这里对您没有帮助。当您要替代全局值时，该设置仅适用于跨度。此外，我不建议使用亚像素设置。像素不会真正分解，而且分数像素声明在浏览器中的处理方式也不一样。

在Susy Next中，檐槽被设置为与列宽（

77.5px

）的比率（

.25

）。给定这些设置，Susy可以确定檐槽宽度（

77.5px*.25=19.375px

）

通过说您需要静态数学、

.25

檐槽和

77.5px

列，您已经设置了檐槽宽度，并且可以计算容器。如果愿意，可以使用真实像素值设置间距比：

$susy: (
  column-width: 77.5px,
  gutters: 20px/77.5px, // same as ".258064516"
);

---

排水沟覆盖

不是全局设置，在这里对您没有帮助。当您要替代全局值时，该设置仅适用于跨度。此外，我不建议使用亚像素设置。像素不会真正分解，而且分数像素声明在浏览器中的处理方式也不一样。

在Susy Next中，檐槽被设置为与列宽（

77.5px

）的比率（

.25

）。给定这些设置，Susy可以确定檐槽宽度（

77.5px*.25=19.375px

）

通过说您需要静态数学、

.25

檐槽和

77.5px

列，您已经设置了檐槽宽度，并且可以计算容器。如果愿意，可以使用真实像素值设置间距比：

$susy: (
  column-width: 77.5px,
  gutters: 20px/77.5px, // same as ".258064516"
);

---

排水沟覆盖

不是全局设置，在这里对您没有帮助。当您要替代全局值时，该设置仅适用于跨度。此外，我不建议使用亚像素设置。像素不会真正分解，并且分数像素声明在不同浏览器中的处理方式也不相同。

我可以在px中使用带静态檐槽的流体列宽吗？可以，以相同的方式设置列宽和檐槽，但将

数学设置更改为
流体
。我知道这有点让人困惑。在Susy 3中，我们正在研究一种更好的方法。有点困惑吗？我真的很困惑；）如果我希望我的容器始终为视口的100%宽度，但我设置了一个列宽（例如80px）和一个40px/80px的边沟（我有40px边沟）。然后我有一个完整的宽度为120px的一列。如果我有10列，我的最大容器将是1200px。。。但是如何将宽度设置为100%？短代码笔我只需删除
列宽
设置。您已经将排水沟设置为一个比率，因此该比率将保持不变。如果没有要计算的
列宽
，Susy将默认为
100%
网格容器。如果您想使用它，还有一个
容器宽度
设置，但在这种情况下不需要。在您的codepen演示中，您已经有了正确的设置-只需从容器混合器中移除
1200px
。我可以使用流体列宽和px中的静态排水沟吗？是的，以相同的方式设置列宽和排水沟，但将
math
设置更改为
fluid
。我知道这有点让人困惑。在Susy 3中，我们正在研究一种更好的方法。有点困惑吗？我真的很困惑；）如果我希望我的容器始终为视口的100%宽度，但我设置了一个列宽（例如80px）和一个40px/80px的边沟（我有40px边沟）。然后我有一个完整的宽度为120px的一列。如果我有10列，我的最大容器将是1200px。。。但是如何将宽度设置为100%？短代码笔我只需删除
列宽
设置。您已经将排水沟设置为一个比率，因此该比率将保持不变。如果没有要计算的
列宽
，Susy将默认为
100%
网格容器。如果您想使用它，还有一个
容器宽度
设置，但在这种情况下不需要。在您的codepen演示中，您已经有了正确的设置-只需从容器混合器中移除
1200px
。我可以使用流体列宽和px中的静态排水沟吗？是的，以相同的方式设置列宽和排水沟，但将
math
设置更改为
fluid
。我知道这有点让人困惑。在Susy 3中，我们正在研究一种更好的方法。有点困惑吗？我真的很困惑；）如果我希望我的容器始终为视口的100%宽度，但我设置了一个列宽，例如80px，以及一个40px/80px的边沟