Susy Responsive Grids

Question

我已經定義了一個基於Susy的響應式網格系統，處理4（移動），8（平板電腦）和12（桌面）列。我的佈局有一個固定的標題欄，它分爲兩部分「徽標」和「工具欄」。

的「標誌」的div不是嵌套與Susy的網格容器內，並定位絕對永遠是在最左邊。

「工具欄」 div包含超對稱網格容器，並擁有搜索與註銷行動 - 到目前爲止好:)

當調整網格的性質瀏覽器中將其改變總當沒有更多的空間可以說12列時。這會導致以下問題：

的「標誌」的div被通過，因爲它的絕對定位的網格重疊。

有沒有辦法告訴Susy在「logo」div的黑色邊框到達之前將佈局分成8列？

任何意見將不勝感激。提前致謝。

Answer 1

@Eric：我設法讓它工作。這是幹什麼用的：

@mixin update-container { 
    @include container; 
    @include susy-grid-background; 
} 

.page { 
    @include update-container; 

    @include at-breakpoint(865px 8 1149px) { 
     @include update-container; 
    } 

    @include at-breakpoint(1150px 12) { 
     @include update-container; 
    } 
} 

所以我已經明確描述的MIN-和最大寬度告訴列時改變。這是「正確」的方式還是有更好的方法來解決這個問題？

謝謝:)