如何使用Susy進行靜態佈局？

我很努力學習Susy，並用它構建響應式頁面。在Susy之前，我一直使用Bootstrap網格，並習慣於使用該網格設計網頁。當我在Bootstrap Grid中設計時，我知道列的確切位置，並相應地使用該尺寸的圖像。例如，跨越3列的圖像寬度將爲270px。我正在努力與Susy學習的概念是如何根據所需的列數來確定我的圖像的寬度。如何使用Susy進行靜態佈局？

總之我想堅持使用靜態寬度而不是Bootstrap網格的舊技術，請使用Susy。

有沒有其他人也面臨同樣的問題？或者我錯過了一些概念？

謝謝

來源

2015-02-12 Afraz Ali

好吧我想我想通了。這是我用來模擬Bootstrap Grid的配置。

$susy: (
    columns: 12,   
    column-width: 70px, 
    gutters:30px/70px, 
    debug: (image: show) 
);

這恰好產生由自舉

使用的柵格

來源

2015-02-12 01:57:58

如何使用Susy進行靜態佈局？

回答

相關問題