susy-compass - 在 PC 视图上更改 susy $total-columns

Question

我试图像这样更改 $total-columns：

@include at-breakpoint(55em 12)
  $total-columns: 12

如此处建议： Susy：根据屏幕大小更改列数

但我无法让它工作。我从设置 _base 开始

$total-columns: 5

我为移动设备设计，但在 pc 视图中我希望容器有 12 列。

我错过了什么吗？

Answer 1

根据 Susy 参考，可以尝试以下操作（取决于 60em 是否应该是您的最小值或最大值）：

$media-layout: 12 60em;     // Use 12 cols up to max 60em.
or
$media-layout: 30em 12 60em;// Use 12 cols between min 30em & max 60em.
or
$media-layout: 60em 12;     // At min 60em, use 12-col layout.

获取定义的变量并在 mixin 中输入该变量：

@include at-breakpoint($media-layout)