我有一個問題,susy網格似乎不會將固定寬度應用於內部列。這是我的問題http://sassmeister.com/gist/7633527susy容器式固定寬度
我期待的是,當我有$container-style: static
任何內部列的寬度將獲得像素寬度,但他們沒有。如果設置了$container-style: fluid
,則將應用百分比寬度。
我誤解了$container-style
的工作原理嗎?任何指針將不勝感激。
我有一個問題,susy網格似乎不會將固定寬度應用於內部列。這是我的問題http://sassmeister.com/gist/7633527susy容器式固定寬度
我期待的是,當我有$container-style: static
任何內部列的寬度將獲得像素寬度,但他們沒有。如果設置了$container-style: fluid
,則將應用百分比寬度。
我誤解了$container-style
的工作原理嗎?任何指針將不勝感激。
你說得對,但在這種情況下,你已經向Susy提供了衝突的設置。你基本的網格設置(80px
列,20px
水槽和20px
網格填充)加起來還不到你$container-width
設置:
(12*80px)+(13*20px) = 1220px != 1180px
真的,與Susy或許應該拋出一個錯誤在這種情況下(在與Susy 2.0它會)。但是1.x是圍繞流體內部構件的概念構建的,並且是一個控制整體寬度/樣式的容器。因此,在1.x中,當Susy無法將靜態數字加起來時,它只是簡單地在容器上使用容器設置,並且使用列/陰溝設置來獲得內部元素的正確比例。
如果你想要完全靜態的網格,你需要擺脫你的$container-width
設置。如果你想要一個1180px
網格,請確保你的列/陰溝/填充加起來爲1180px
。
謝謝@Eric。我確實認爲這可能是網格的衝突不會加起來。擺脫'$容器寬度'確實解決了我提到的問題。 – Qasim