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

Question

在documentation for 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 - 唯一的方法，因为它似乎是使用Susy最干净的方法，但我不确定它是如何工作的。

Answer 1

直接来自github上的the source：

// 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()，finds the first layout larger比您给定的$min值。