就像上個(gè)版本一樣，如果你想使用 Susy 2，就需要在?config.rb?文件中引入 susy：

#config.rb 
require 'susy'

然后向樣式表中導(dǎo)入 Susy：

// Importing Susy 
@import 'susy'; 

Susy 2 具有一系列內(nèi)建的全局默認(rèn)配置。完全可以像如下方式修改默認(rèn)配置：

// Configuring Susy 2 Global Defaults
$susy: (
  key : value
  );

也許此時(shí)你會(huì)想深入了解使用這些默認(rèn)配置的方式，不過(guò)我還是將相關(guān)內(nèi)容另寫一篇文章吧?，F(xiàn)在就請(qǐng)直接使用默認(rèn)配置吧，但我個(gè)人來(lái)說(shuō)，比較喜歡使用?border-box?和?rem?單位，所以這里會(huì)有點(diǎn)小小的修改：

$susy: (
  global-box-sizing: border-box,
  use-custom: (rem: true
    )
  );

注意，Susy 默認(rèn)使用的時(shí)流失布局。這意味著外部容器元素的寬度是?100%。

反之，如果你喜歡在 Susy 中使用精確斷點(diǎn)的固定布局，那么只需把?math?關(guān)鍵字的值修改為?static?即可。這兩種模式的主要區(qū)別就在于窗口寬度改變時(shí)的響應(yīng)效果。

另一點(diǎn)需要注意的是，你還需要在項(xiàng)目中導(dǎo)入 normalize 和 compass。簡(jiǎn)而言之，最初的配置文件如下所示：

@import "normalize";
@import "compass";
@import "susy";
// Configuring Susy Defaults
$susy: (
  global-box-sizing: border-box,
  use-custom: (rem: true
    )
  );
@include border-box-sizing;