正如上文所述,Susy 是極佳的輔助工具,可以用來創建各種天馬行空的布局設計,而又無需考慮其中的數學問題(譯者注:流式布局的百分比計算需要大量的數學計算)。Susy 的魅力之處就在于,它所實現的 CSS 樣式是與 HTML 文件完全分離的。
如果你之前使用過傳統的柵格框架,比如說 Foundation 和 Bootstrap,那么你就應該了解,它們所創造的柵格都是既定的寬度值和斷點。更進一步地說,如果你想要改變布局,那么必須添加相應的類名到 HTML 文件中。
Susy 將這些既定樣式統統拋棄了,你可以在任何 CSS 類型上實現柵格布局。
我知道這么描述比較抽象難以理解。那么我們就不只講理論,接下來還要使用 Susy 2 創建一個復雜的柵格系統。該柵格系統是由 Arnaud Guera (AG) 首創,總共包含了十列,具體如下圖所示:
