Susy 计算列宽和间距错误

Susy counts column width and gutters wrong

我的 susy 布局错了 1 个像素,我不知道为什么:

$susy: (
  columns: 12,
  container: 1546px,
  gutter: 26px,
  column-width: 105px,
  global-box-sizing: border-box
);

它 returns 104 像素宽的列和 27 像素的间距,容器已设置。有什么指点吗?

这里有几个问题:

  • gutters 设置(复数)采用比率,而不是长度。要根据长度获得适当的比例,您可以使用除法:gutters: 26px/105px
  • 默认情况下,Susy 输出是相对的 %,即使您使用 px 定义网格也是如此。如果您希望 Susy 输出精确的 px 长度,您应该将 math: static 添加到您的设置中。在这种情况下,您还应该删除容器大小,让 Susy 根据列和间距为您计算。