2014-02-11 60 views
0

我使用Omega 4作爲Drupal,並使用Susy網格系統(以及sass和compass)。Susy網格:使特定寬度的流體不流暢

整個Susy網格非常好,並且流暢地擴展。然而,當窗口太窄時它看起來不太好。

如何讓susy網格對於800px以下的所有屏幕尺寸都有一個靜態寬度?

我並不是想讓整個系統完全響應,所以只需固定800px以下的寬度就足夠了。

+0

取決於您的項目是如何建立的。你有多少個網格斷點,大小是多少? –

+0

@EricMeyer 到目前爲止沒有使用斷點。 這是我的列寬設置: '$ total-columns:12; // 12列網格 $ column-width:7em; $ gutter-width:0em; $ grid-padding:$ gutter-width; ' 理想情況下,我可以使用如下簡單的東西:如果屏幕大小<800,請將$ column-width設置爲「66px」。但無法弄清楚如何實現這一點。 – skrln

回答

1

而是在不同的寬度網格設置搞亂的,適用min-width您的容器:

.container { 
    @include container; 
    min-width: 800px; 
} 

,如果你有多個斷點,並且希望多分鐘,寬度變得越來越複雜了一點,但它應該適合你的情況。