Susy非移動第一

Question

有沒有辦法讓Compass Susy從大寬度移動到移動？

我理解移動首先保持文件大小等，但從佈局的角度來看，當然建立一個完整的桌面版本和有斷點刪除項目更窄的寬度將是最好的？

有什麼想法？

Answer 1

是的，你可以。實際上，我發現使用移動設備的建築佈局要容易得多，因爲這讓我在佈局之前考慮內容。我認爲從絕對最小開始是一個更好的過程，並根據需要在每一步添加。也就是說，Susy會處理你喜歡的任何流程。只需爲您的媒體查詢使用最大寬度，而不是最小寬度。

mixin接受三部分參數：$min $layout $max。您可以傳遞除max-only以外的任意組合。以與移動優先相同的方式進行，只需減小最大寬度而不是增加最小寬度。 susy的默認設置實際上是以桌面優先的方式設置的。只需添加斷點即可！

.page { 
    @include container; 
    @include at-breakpoint(9 40em) { /* a 9-column grid with max-width of 40em */ } 
    @include at-breakpoint(6 20em) { /* a 6-column grid with max-width of 20em */ } 
}