Susy at-breakpoint最大宽度媒体查询

Question

我正在尝试使用@include at-breakpoint mixin创建具有max-width: 600px的媒体查询。

.selector { 
    @include at-breakpoint(4, 600px){ 
    // ... 
    } 
} 

将输出下面媒体查询：

@media (min-width: 300px) { 
    // ... 
} 

我的印象是，at-breakpoint混入接受3个参数，为：最小宽度，布局设计和最大宽度。

但是，当使用这样的：

.selector { 
    @include at-breakpoint(1px, 4, 600px){ 
    // ... 
    } 
} 

我得到以下编译错误：

Mixin at-breakpoint takes 2 arguments but 3 were passed 

但我没有得到任何错误，当我用这个，即使是$tablet-layout经过3个参数。

.selector { 
    @include at-breakpoint($tablet-layout){ 
    // ... 
    }  
} 


$tablet-width:    600px; 
$tablet-columns:    12; 
$tablet-sidebar-columns:  4; 

$desktop-width:    780px; 
$desktop-columns:   12; 
$desktop-sidebar-columns: 4; 

$tablet-layout:  $tablet-width $tablet-columns $desktop-width; 
$desktop-layout:  $desktop-width $desktop-columns $tablet-width; 

所以我的问题是：什么，就是以一个与Susy媒体max-width: 600px查询正确的方法是什么？

Answer 1

你有正确的想法，但你需要做的是没有逗号：

@include at-breakpoint(4 600px); // max-width: 600px; 
@include at-breakpoint(1px 4 600px) // min-width: 1px; max-width: 4px; 

这就是为什么你的其他组合变量的工作 - 他们都得到作为一个列表参数传递。