css - susy、媒体查询和 lt IE9

Question

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

在非 susy 网站上，我一直使用moderizr或 google 的 shim，它们按预期工作。我在我的第一个 SUSY 网站上工作，最大尺寸的媒体查询不会启动。

score 3 · Accepted Answer

我不清楚你在寻找什么样的“垫片”。我不知道任何让 MQ 在 IE8 中工作的好方法，但 Susy 确实可以选择在 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 条件注释应用该类。

1 回答 1