susy 可以返回以像素为单位的跨度吗？答案

【问题标题】：Can susy return a span in pixels?susy 可以返回以像素为单位的跨度吗？
【发布时间】：2015-01-20 12:27:29
【问题描述】：

我是一个小菜鸟，如果这是一个愚蠢的问题，请道歉......

我正在计算 susy 网格内的响应式填充。

通常的计算当然是：(target / context) x 100。

susy 可以返回'context' 即"span(2)"，例如，以像素为单位，这样我就可以将计算添加到我的 SASS 文件中......还是我完全遗漏了什么？

【问题讨论】：

关于从 Susy 获取 px 输出的一种方法，下面的答案是正确的——但如果你想在这个百分比计算中使用它，你就错过了 Susy 的要点。 Susy 存在的唯一原因是为您进行精确计算。输入您的设置，然后输入span(2 of 12)（例如），Susy 会为您提供百分比输出。请注意，2 和 12 是 target 和 context，抽象为列。

【解决方案1】：

默认情况下，Susy 会以百分比计算您的跨度，但如果您在设置中指定“数学：静态”，则所有输出都将在您的给定设置中。

假设你有

$susy: {
   container: auto,
   columns: 12,
   column-width: 60px;
   gutters: 1/4,
   math: static,
}

然后你可以使用函数 span() 来获取一列或一组列的宽度。

你可以说你的scss：

.myclass {
   width: span(2);
}

在上面的例子中等于说 width: 135px;

例如here。

【讨论】：

感谢您的回复。我知道数学：静态和回想起来，我相当确定 % 和 px 在 susy 中是互斥的，所以我认为我所追求的不可能，但是就使用 px 而言，你的答案是正确的在 susy 中，为你打勾：）