Sass 文件在 IE 上不起作用答案

【问题标题】：Sass files not working on IESass 文件在 IE 上不起作用
【发布时间】：2014-03-28 11:18:05
【问题描述】：

我正在开发一个 Rails 应用程序，但在 IE9 上运行站点时出现问题。所有 sass 文件都不能在 IE 上运行。如果我希望网站在 IE9 上运行，我在 application.scss 中对 sass 文件进行了排序。

我不知道为什么。我过去一直在使用其他 Rails 应用程序，这是第一次需要对 sass 文件进行排序。

那么，有像我这样的人吗？请帮帮我。

我的申请详情：

Ps：我已将 respond.js 和 html5shiv.js 添加到 layout/application。

【问题讨论】：

【解决方案1】：

不是 SASS 在 IE 中不起作用，而是您通过它创建的规则。您应该检查 IE 支持哪些 CSS 规则。一个好的来源是http://caniuse.com/

【讨论】：

感谢您的回答。但我想知道为什么如果 sass 文件已排序，那么 IE 9 将起作用。我想当运行rails s 时，它会构建一个文件application.css。其他我工作过的应用，在IE9上运行不用担心sass文件。
我认为您在这里忽略了重点。当然要编译成标准的 CSS，这就是让你很难过的地方。因此，如果它在另一个项目中工作，那不是因为 SASS 工作正常，而是因为您应用的规则不受 IE 支持。
哦，我不知道 - 因为 3 周前，当在 IE9 上运行站点时，它仍然可以工作。但是，当我团队中的成员升级基础最新版本时。 IE9 上的网站无法正常工作。我压力很大。会再试一次。

【解决方案2】：

IE9 仍然有CSS limits。如果您的 application.css 有超过 31 个导入链接或超过 4095 条规则，这可能就是您遇到这种情况的原因。如果是这种情况，您绝对应该重构您的样式表。

您确实有像 CSS Splitter 这样的宝石来处理这个问题，但老实说，如果您遇到这些限制，那么可能是重组资产的好时机。

【讨论】：

【解决方案3】：

正如@Severin 所建议的，SASS 不是问题 - 这是您的 CSS：

Sass 与所有版本的 CSS 完全兼容。我们拿这个兼容性认真，让您可以无缝使用任何可用的 CSS 库

SASS 基本上是另一种编写 CSS 的方式 - 它在部署时预编译，基本上呈现“纯” CSS 以供在浏览器中使用

您使用 IE 的情况不太可能与您的 SASS 相关 - 这可能是您的 CSS 的问题。可以发一下application.css吗？

【讨论】：