ruby-on-rails - 为什么我的 CSS 会乱七八糟 "sometimes"

Question

我的一个网站运行异常。布局有时很好，有时又很曲折。我在其中看到问题的一个示例页面是:link

免责声明:我还没有认真开始调查原因。我正在转向 Stackoverflow，因为我很懒，我希望有人会说“我曾经遇到过这种情况，可能是这个……”。所以，如果这是您以前从未见过的事情，请不要让任何人陷入解决这个问题的困境，因为这不公平，因为我自己没有做过。

好的，一些背景:

• 问题通常(可能总是)出现在第一次查看页面时
• 问题并不总是出现，只是有时出现
• 当页面显示被篡改时，如果您刷新它通常会重新加载，看起来应该是这样
• 该站点是一个 Rails 应用程序
• css 通过整洁的 Smurf Gem 传递，它会自动缩小页面上的 CSS 和 Javascript。
• 布局问题发生在 firefox 中(linux 和 winXP)
• CSS 在生产环境中使用“:cache => true”选项提供，该选项将所有 css 文件连接到一个文件中

无论如何，我希望以前有人发生过这种情况，而且修复起来真的很简单。如果没有，我会去调查并返回解决方案(或请求更多帮助)。

提前致谢!

詹姆斯。

[edit]受评论和第一个答案的启发，我添加了前两个要点[/edit]

Answer 1

我们在使用 HAML 和 SASS 时遇到过类似的情况，导致 CSS 完全不可用。它只发生在部署上。我们确定这是 Rails 样式表合并和 SASS CSS 生成的组合。 Sass 并没有完成 CSS 的生成，它在第一次向应用程序发出请求时就这样做了，当时 Rails 试图将它们全部合并在一起。结果，一个损坏的无用 CSS 文件。然后我们偶然发现了this article它有防止此问题的解决方案。

基于所有这些，我最好的猜测是 Smurf gem 会尝试在第一次请求时生成您的文件，但 Rails 会在它完成之前提供它。生成完成然后每个后续请求都可以。如果这是问题所在，那么我知道的唯一解决方案是在第一个请求之前生成文件。当然，这确实假设它以某种方式与部署或应用程序重启有关。

同行