我已经坚持了 2 天了,所以我认为是时候提出一个 SO 问题了。
我最近通过Sass-Twitter-Bootstrap在我的 Rails 应用程序中将我的 Bootstrap 从 2.0.4 升级到 2.1.0. 在当地,一切看起来都很好。我在这里和那里做了一些小修改,但没有发现严重的问题。所以,我推送到 Heroku,编译资产,并在 Chrome 和 Firefox 中加载网站。太好了,完美,一切看起来都很好。直到我在IE9中测试。IE9 加载了似乎是部分编译的 application.css。当我在 Chrome 中查看 application.css 时,它看起来很棒,但 IE 在随机点处将其截断。在资产编译期间,我没有收到任何错误,所以这似乎是 IE 对最终编译的 application.css 的一些问题,因为它似乎总是在 Bootstrap CSS 中的随机点停止 CSS 的呈现。例如,如果我在 IE 的开发者工具中查看 application.css,它声称 CSS 在 Bootstrap Sass 模型组件(application.css. scss 那时还有很多 scss 文件要导入)。Chrome 的开发者工具会显示整个编译后的 CSS 文件,如果我在 IE 中直接导航到 application.css 文件,它也会下载整个 CSS 文件。
我已经验证升级到 Bootstrap 2.1.1 存在一些问题,就好像我回滚到升级之前一样,在所有浏览器中一切正常。我尝试切换到bootstrap-sass gem,希望它能神奇地解决问题。它没。如果我删除了在 IE(modals.css.scss 文件)中 application.css 似乎停止渲染的 Bootstrap 组件,它只会在 bootstrap.scss 文件中的下一个 CSS 组件处停止其渲染。对于我拉出的每个 SCSS 组件,这个过程似乎都在继续,因此几乎不可能查明会奇怪地导致此问题的 CSS 的确切行。IE 似乎只是想放弃在特定点呈现 CSS。
我会提供一些配置,但我不确定此时真正要提供什么,所以请随时提出任何要求。任何输入或指导将不胜感激,因为我现在不知道该尝试什么……而且这种情况很少发生。