0

我犯了一个巨大的错误，我正在寻求帮助。

在使用 CSS，移动优先响应，使用 response.js 作为 polyfill 构建站点后，在开发过程中以 IE 兼容模式对其进行测试后，我最终意识到 response.js 和使用的 javascript 之间存在很大冲突。 CMS 和 Internet Explorer 8 阻止所有内容呈现。我决定完全放弃 polyfill，使用 MQ mixin 采用 SASS 方式。

现在的问题是 IE8 看到的是移动版的网站（抱歉我不能给你链接）

我已经为 < ie9 包含了 conditionizr，并且我使用 css2sass 让我的 CSS 嵌套了一点。

我发现了Stuart Robson的一个很棒的 MQ mixin （这里）** 我还没有开始添加它，问题是，除了在代码中使用 mq 的任何地方去编辑之外，我还有其他选择吗？

我认为我必须使用的 mixin 看起来像这样 **（对其进行了一些调整，以便更好地使用它来解决我的问题）：

@mixin mq($point, $IE9: true, $query1: min, $query2: width) {
@if $IE9 == true{
    @media screen and (#{$query1}-#{$query2}: $point +px) {
        @content;
    }
    .lt-ie9 & {
        @content;
    }
}

@else {
    @media screen and (#{$query1}-#{$query2}: $point +px) {
        @content;
    }
}

}

我不会调试 JavaScript 代码来使 polyfill 工作。我尝试了其他几个脚本（包括 css3-mediaqueries），但我放弃了从 javascript 获得帮助的想法，我想采用 SASS 方式。

鉴于有一大块近 6k 行的 SASS 代码，是否有任何 SASS 方法可以帮助我以某种方式添加 mixin，以便我最终得到这样的东西？

    @media screen and (min-width: 320px) {
 body {
  margin: 0;
}
}
.lt-ie9 body {
  margin: 0;
}

我吸取了教训，开始使用 BrowserStack，从现在开始我只会使用那个 mixin。手头的问题仍然需要解决。在此先感谢。

问候

4

1 回答 1

1

我将编辑所有 MQ 以使用新的 mixin，我还必须学习更多 SASS 并停止问关于它的愚蠢问题！：） 感谢大家！

于 2013-06-15T10:41:01.820 回答