断点对未按预期运行答案

【问题标题】：Breakpoint Pair not functioning as expected断点对未按预期运行
【发布时间】：2013-09-26 22:35:20
【问题描述】：

我刚刚通过 bower 安装了 Breakpoint，我正在使用来自 wiki 的示例：https://github.com/Team-Sass/breakpoint/wiki/Basic-Media-Queries

$pair: 456px 794px;

#foo {
  @include breakpoint($pair) {
    content: 'Paired Media Query';
  }
}

我应该看到这个输出：

@media (min-width: 456px) and (max-width: 794px) {
  #foo {
    content: 'Paired Media Query';
  }
}

相反，我看到了：

@media (min-width: 456px), (min-width: 794px) {
  #foo {
    content: 'Paired Media Query';
  }

}

谁能帮我解决这个问题？谢谢

【问题讨论】：

【解决方案1】：

我需要将此行添加到我的 gruntfile.js > compass > options >

require: '<%= yeoman.app %>/bower_components/compass-breakpoint/lib/breakpoint',

【讨论】：