的超對稱$設置全局箱尺寸犯規在SUSY2

改變什麼這事，我從來沒有在與Susy 2

瞭解望着這個簡單的例子說明：

HTML：

<div id="wrapper"> 
    <div id="content"> 
    <div class="box1">Box1</div> 
    <div class="box1">Box1</div> 
    <div class="box1">Box1</div> 
    </div> 
    <aside> 
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae.</p> 
    </aside> 
</div>

SASS：

@import 'susy'; 
@include border-box-sizing; 

$susy: (
    container: 90%, 
    columns: 24, 
    gutters: 1/3, 
    /* global-box-sizing: border-box, */ 
    debug: (
    image: show, 
    output: overlay, 
), 
); 

#wrapper { 
    @include container; 
} 

#content { 
    @include span(18 first); 
    background-color: red; 
    height: 100px; 
    padding: gutter(); 
} 

aside { 
    @include span(6 last); 
    background-color: #F0A754; 
    padding: gutter(); 
} 

.box1 { 
    @include span(6 of 18); 
    height: 40px; 
    background-color: #6D4214; 
    &:last-child { 
    /* margin-right: 0; */ 
    @include last; 
    } 
}

，加入了全球盒大小：邊界盒，到$超對稱地圖不會改變任何東西，不管你使用@include邊界框-漿紗;在你的代碼或不。

$ susy設置全局框大小似乎對我完全沒用。或者我忽略了什麼？

謝謝

來源

2014-12-21 HomTom

沒錯。 global-box-sizing實際上是描述性的，而不是規定的。它告訴Susy你是如何設置你的全球邊界框的。默認情況下，它被設置爲content-box（該瀏覽器的默認，以及border-box-sizing混入會自動設置爲border-box你。你需要手動更改設置的唯一情況是，如果你設置全局框手工上漿。

Susy需要知道您使用的是什麼盒式模型，因爲它會改變某些網格類型和功能的數學運算 - 任何填充和寬度都可能會相互影響，例如inside/inside-static排水溝或bleed您的代碼中可能沒有任何這些情況，在這種情況下，設置沒有關係

來源

2014-12-23 07:13:26

感謝您的回覆但我的觀點是，正如在上面的示例中，如果您不使用border-box-s儘可能地調整mixin，但只改變$ susy全局設置global-box-sizing到border-box，該設置不會影響任何內容。我的意思是如果更改$ susy映射中的全局框大小並不會改變任何內容，爲什麼它存在？ – HomTom

查看更新的說明... –

感謝您的解釋。這讓我堅持了幾天:) – Ketan

的超對稱$設置全局箱尺寸犯規在SUSY2

回答

相關問題