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

【问题标题】：change susy $total-columns on pc view在 PC 视图上更改 susy $total-columns
【发布时间】：2013-06-07 04:22:40
【问题描述】：

我正在尝试像这样更改 $total-columns：

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

这里建议： Susy: change the number of columns according to screen size

但我无法让它工作。我首先用

设置 _base

$total-columns: 5

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

我错过了什么吗？

【问题讨论】：

标签： susy-compass

【解决方案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)

【讨论】：