susy-compass - Susy Media-Layouts - 如何计算最小宽度？

Question

在Media-Layouts 的文档中，您可以选择指定min-width参数或layout参数，或同时指定两者：

// $media-layout: <min-width> <layout> <max-width> <ie-fallback>;
// - You must supply either <min-width> or <layout>.
$media-layout: 12;          // Use 12-col layout at matching min-width.

当min-width参数被省略时（如上），这是如何计算的？是min-width指定的一组百分比$column-width吗？

我目前正在使用min-width-only 方法，因为它似乎是使用 Susy 的最干净的方法，但我实际上不确定它是如何工作的。

Answer 1

直接来自github上的源码：

// Neither $min nor $max:
// We can create a breakpoint based on the number of columns in the layout.
$min: fix-ems(container-outer-width($width: false));

当只传递一个布局时，Susy 将创建最小宽度断点以匹配容器的宽度。当没有布局传递时，会调用get-layout()，它会找到大于给定$min值的第一个布局。