2013-05-02 41 views
0

問題

是否有可能做的Susy: fluid layout up to the second breakpoint逆 - 或者,換句話說,有一個與Susy網格static,直到休息,那麼magic超出這一點?

我承認,我沒有製作移動網站。相反,我想使用網格系統的一些流體元素來顯示不同的顯示器尺寸,然後在瀏覽器窗口太小時關閉此功能。

通過閱讀文檔,我想我應該把我的全局變量這樣

$container-style: static; 

然後在我的具體@at-breakpoint做這樣的事情

@at-breakpoint(XX) { 
    @include set-container-width(yy, magic) 

然而,這沒有任何(可見的)效果。

研究迄今

set-container-width,我看到$容器-style參數

< $風格>:選擇返回靜態長度爲網格的計算。默認值:$ container-style。

這是否意味着你只能得到靜態的(從「魔力」或「流體」)。

回答

2

檢查容器相關的css輸出。 「靜態」容器和「魔術」容器之間的區別在於我們是使用width還是max-width。如果您已將容器寬度設置爲30em(例如),則添加最大寬度50em不會改變任何內容。您還必須刪除以前的寬度設置。您可以使用更具體的媒體查詢或通過簡單地將width: auto;與新的容器寬度設置一起添加。

+0

太棒了!感謝您提供的具體幫助,以及對生成內容和方式的更一般性解釋。 – Benmj 2013-05-02 22:59:14