0
我使用Omega 4作爲Drupal,並使用Susy網格系統(以及sass和compass)。Susy網格:使特定寬度的流體不流暢
整個Susy網格非常好,並且流暢地擴展。然而,當窗口太窄時它看起來不太好。
如何讓susy網格對於800px以下的所有屏幕尺寸都有一個靜態寬度?
我並不是想讓整個系統完全響應,所以只需固定800px以下的寬度就足夠了。
我使用Omega 4作爲Drupal,並使用Susy網格系統(以及sass和compass)。Susy網格:使特定寬度的流體不流暢
整個Susy網格非常好,並且流暢地擴展。然而,當窗口太窄時它看起來不太好。
如何讓susy網格對於800px以下的所有屏幕尺寸都有一個靜態寬度?
我並不是想讓整個系統完全響應,所以只需固定800px以下的寬度就足夠了。
而是在不同的寬度網格設置搞亂的,適用min-width
您的容器:
.container {
@include container;
min-width: 800px;
}
,如果你有多個斷點,並且希望多分鐘,寬度變得越來越複雜了一點,但它應該適合你的情況。
取決於您的項目是如何建立的。你有多少個網格斷點,大小是多少? –
@EricMeyer 到目前爲止沒有使用斷點。 這是我的列寬設置: '$ total-columns:12; // 12列網格 $ column-width:7em; $ gutter-width:0em; $ grid-padding:$ gutter-width; ' 理想情況下,我可以使用如下簡單的東西:如果屏幕大小<800,請將$ column-width設置爲「66px」。但無法弄清楚如何實現這一點。 – skrln