為什么選擇 Susy?

正如上文所述，Susy 是極佳的輔助工具，可以用來創(chuàng)建各種天馬行空的布局設(shè)計，而又無需考慮其中的數(shù)學(xué)問題（譯者注：流式布局的百分比計算需要大量的數(shù)學(xué)計算）。Susy 的魅力之處就在于，它所實現(xiàn)的 CSS 樣式是與 HTML 文件完全分離的。

如果你之前使用過傳統(tǒng)的柵格框架，比如說 Foundation 和 Bootstrap，那么你就應(yīng)該了解，它們所創(chuàng)造的柵格都是既定的寬度值和斷點。更進一步地說，如果你想要改變布局，那么必須添加相應(yīng)的類名到 HTML 文件中。

Susy 將這些既定樣式統(tǒng)統(tǒng)拋棄了，你可以在任何 CSS 類型上實現(xiàn)柵格布局。

我知道這么描述比較抽象難以理解。那么我們就不只講理論，接下來還要使用 Susy 2 創(chuàng)建一個復(fù)雜的柵格系統(tǒng)。該柵格系統(tǒng)是由 Arnaud Guera (AG) 首創(chuàng)，總共包含了十列，具體如下圖所示：