jquery - Rails 3.1、 Assets 管道和 IE 6 & 7 处于生产模式 - 某些 CSS 和 js 未正确加载

Question

在生产模式下试用我的 Rails 3.1 应用程序(Debian 6、Ruby 1.9.2、Passenger)。我使用 IE 6 和 IE 7 进行了尝试，但某些资源未正确加载。在开发模式下一切正常。

一些 css 和 js 未正确加载，所有文件都正在编译。具体来说，我遇到了下拉菜单( jquery superfish 菜单)的问题。在生产和开发中，IE8、IE 9、Firefox、Chrome 中一切正常。该问题仅出现在生产环境中的 IE 6 和 7 中。

尝试清除缓存(在浏览器和服务器上)。重新编译 Assets 。没有任何帮助。

有人遇到过类似的事情吗？

Answer 1

对于任何遇到同样问题的人，这里是 MS 支持 ( http://support.microsoft.com/kb/262161 ) 的问题根源:

This problem occurs because the following conditions are true in Internet Explorer: All style tags after the first 31 style tags are not applied. All style rules after the first 4,095 rules are not applied. On pages that uses the @import rule to continously import external style sheets that import other style sheets, style sheets that are more than three levels deep are ignored.

啊啊啊啊啊啊!!!我花了几天时间试图找出我的代码问题，结果又是微软不遵守标准! #@)(!@#)

这让我进一步调查，令我惊讶的是 IE6 和 IE7 似乎只处理一个大 css 文件中的前 2025 行 - 其余的被忽略。 (一开始我以为是行数限制，结果发现是4095条规则，在2025行上)。看起来简直就是愚蠢至极。较新的 IE 和 Chrome、Safari、Opera 和 FF 似乎没有这个问题。我最终将我的CSS分解为application-1.css和application-2.css，以将生产中的文件数量保持在最低限度，但这仍然很烦人。