在Compass Susy中结合布局断点？

Question

我只是atarting使用与Susy

我定义我的布局，我需要开始与桌面版本，并添加2个：一个用于平板电脑和一个手机：

$total-columns : 12; 
$column-width : 4em; 
$gutter-width : 1.4em; 
$grid-padding : $gutter-width; 

$phone: 4 35em; 
$tablet: 35em 8 70em; 

似乎是加工。我的出现问题时，有一个变化，我需要作出应出现在桌面上，但不是在其他2无论是什么东西，我发现自己重复自己：

#my-div { 
@include span-columns(3 omega,7); 
    @include at-breakpoint($tablet) { 
    display:none; 
    } 
@include at-breakpoint($phone) { 
    display:none; 
    } 
} 

我怎么能简化这个？

Answer 1

在这种情况下，你不需要怀疑，你只需要一个基本的CSS媒体查询与最大宽度70em。断点的唯一原因是获得媒体查询/布局更改组合。或者，添加'$ small：8 70em;'并使用它。