SUSY靜態網格，但設置的寬度根據分辨率

我對網格系統相當陌生，但想選擇SUSY主要是因爲很多人推薦它。我想要實現的是類似於我在Twitter引導中看到的網格系統，其中列的寬度不是流暢的，但整個網格寬度根據可用分辨率有兩個或三個預定義寬度。因此，例如，我想要有一個8列網格，網格寬度爲1140像素（如果可用），否則爲960像素。SUSY靜態網格，但設置的寬度根據分辨率

我能夠拿出類似於SUSY的東西，其中我的最大容器寬度是1140px，並且通過設置最小寬度960px它永遠不會調整大小，但網格在兩者之間是流暢的，而我的當分辨率變得可用時，優選的是它簡單地從一個切換到另一個。這主要是有2或3個可預測的佈局。

非常感謝任何人都可以幫忙。 Chris Chandler

來源

2013-07-02 Chris Chandler

您想使用Susy的static輸出。要做到這一點，請設置$container-style: static;。 See the docs on the official Susy site。

來源

2013-07-02 19:39:26

嗨，Eric。謝謝你的回答，但我不認爲是我需要的。在我看來，靜態網格是以一個設定的分辨率作爲前綴。基本上我想要的是三個靜態網格，都具有相同的列布局，但每列的寬度不同，並且只有在分辨率允許時纔在這些網格之間切換。 –

因此，例如，如果1140px可用，它會將自己配置爲1140靜態網格，但如果不是，則會降至960靜態網格。這似乎是一個非常常見的解決方案，我認爲Twitter Bootstrap網格的默認「響應」行爲。 –

靜態網格將根據流體/魔術網格的相同方式調整爲媒體查詢斷點。只需使用'at-breakpoint'來更改不同視口大小的網格設置，並且您有所需。 –

SUSY靜態網格，但設置的寬度根據分辨率

回答

相關問題