佈局和地圖

Question

我有一個項目，在不同的斷點有不同的佈局，我正努力一點，讓地圖部分工作。我在http://sassmeister.com/gist/ef02247af9f901fb3897

中設置了一個示例您將看到我有兩張地圖，每個地圖都有不同的網格設置和調試顏色。但我有幾個問題：

1. 網格顏色不變。他們甚至沒有顯示第一張地圖（對於更廣的網格，它應該是黃色，然後是紅色）。
2. 雖然網格列改變，我不認爲列寬或排水溝寬度是正確的。作爲一個例子，第一列似乎比第五列的第五列要大，因爲它應該稍微短一些，而邊界也不會更寬。這可能只是網格背景不夠準確嗎？
3. 當我達到975斷點時，水槽應該比平板地圖中定義的大，但看起來不是這樣。

任何有關獲取正確的地圖以在不同的斷點運行所需的想法。我是否需要在各個斷點處清除/重置地圖？

謝謝

Answer 1

我不知道網格圖像的顏色是怎麼回事。這看起來像一個錯誤。你能在GitHub上提出問題嗎？

另外兩個問題與您如何應用網格設置有關。就Susy而言，你的網格只用於容器（你明確地通過它們的地方）。 Susy不知道任何有關DOM或元素嵌套的知識，因此這些網格設置不會以任何真實的方式「傳遞」給孩子們。

有幾種方法可以告訴span mixin要使用哪些網格設置。你可以明確地將它們傳遞給@include span(last 7 of $tablet);，或者你可以使用with-layout混入包一整羣：

@include breakpoint(760px) { 
    @include with-layout($tablet) { 
     @include container; 
     .column1 { 
     @include span(5); 
     } 
     .column2 { 
     @include span(last 7); 
     } 
    } 
    } 

或者你可以使用susy-breakpoint，這是一個快捷方式正是：

@include susy-breakpoint(760px, $tablet) { 
    @include container; 
    .column1 { 
     @include span(5); 
    } 
    .column2 { 
     @include span(last 7); 
    } 
    } 

我不添加上下文容器或跨度，因爲Susy將採用默認的全局上下文，在這些示例中將由with-layout和susy-breakpoint設置。