一旦用自己鐘意的方式命名完斷點(diǎn)，就需要有一種方式在實(shí)際的媒體查詢中使用它。有太多方法可以做這件事，我自己非常樂意使用?map-get()?函數(shù)讀取斷點(diǎn)地圖的方法。這套系統(tǒng)簡潔而高效。

/// Responsive manager.
/// @access public
/// @param {String} $breakpoint - Breakpoint
/// @requires $breakpoints
@mixin respond-to($breakpoint) {
  $raw-query: map-get($breakpoints, $breakpoint);

  @if $raw-query {
    $query: if(type-of($raw-query) == 'string', unquote($raw-query), inspect($raw-query));

    @media #{$query} {
      @content;
    }
  } @else {
    @error 'No value found for `#{$breakpoint}`. '
         + 'Please make sure it is defined in `$breakpoints` map.';
  }
}

顯然，這樣管理斷點(diǎn)相當(dāng)簡單，但當(dāng)需要自定義或使用多個(gè)斷點(diǎn)會(huì)愛到一定的制約。

如果你希望能更好管理斷點(diǎn)，我可以建議你使用類似?Sass-MQ、Breakpoint?或Include-Media，沒有必要自己重新去造輪子。

擴(kuò)展閱讀

• Managing Responsive Breakpoints in Sass
• Approaches to Media Queries in Sass