在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;'並使用它。