Susy计算列宽和排水沟错误

Question

我的susy布局错误1个像素，我不知道原因：

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

它返回104px宽度列和27px排水沟，容器是设置的。有什么指针吗？

Answer 1

这里有一些问题：

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