@include breakpoint和@include at-breakpoint有什麼區別？

Question

我有一個問題，因爲我正在開發一個項目，我的團隊正在使用@include斷點和@include at-breakpoint。我們正在使用sass，指南針和susy。兩者有什麼區別？

Answer 1

at-breakpoint是Susy的一部分，用於在不同斷點處更改總列數。受該初始語法啓發，Mason Wendell創建了一個更強大且通用的Breakpoint Plugin來管理所有媒體查詢。現在，很多人（包括我）都在同一個項目中使用。他們在一起工作很好，但差異可能會讓人困惑。

• 使用at-breakpoint當你想根據最小/最大寬度傳媒查詢更改超對稱$total-columns設置。
• 使用breakpoint可以處理更復雜的媒體查詢或任何不想更改列數的地方。

如果你想使用只是其中之一，而且更加一致，則可以使用手寫重建的at-breakpoint功能：

@include breakpoint($media-query) { // set your media-query 
    @include layout($columns) { // set your columns 
    // nested code will use the new column count at the given media-query 
    } 
} 

at-breakpoint簡直就是一個快捷方式。