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 根据列和间距为您计算。
我的 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 根据列和间距为您计算。