susy，媒体查询和lt IE9

Question

我想知道你使用什么（如果有的话）垫片来让魔术网格在IE8及以下的SUSY中正确回应？

在非常有用的网站上，我总是使用moderizr或谷歌的垫片，他们按预期工作。我正在开发我的第一个SUSY网站，并且最大尺寸的媒体查询将无法启动。

http://dev.apehangar.com

Answer 1

我不清楚你在寻找什么样的“垫片”。我不知道在IE8中使MQ工作的任何好方法，但是Susy确实可以选择output styles under a fallback class。这些样式不会动态响应，但您可以使用它来发送IE桌面站点：

.page {
  width: 20em;
  @include at-breakpoint(30em 12 no-mediaqueries) {
    width: 70em;
  }
}

将输出：

.page { width: 20em; }
@media (min-width: 30em) { .page { width: 70em; } }
.no-mediaqueries .page { width: 70em; }

您可以将“no-mediaqueries”替换为您想要的任何后备类。只需确保使用Modernizr或IE条件注释应用该类。