我已经被困在这两天了,所以我认为是时候提出一个问题。
我最近通过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宝石,希望能够神奇地修复它。它没。如果我删除了application.css似乎停止在IE中的渲染(modals.css.scss文件)的Bootstrap组件,它只是停止在bootstrap.scss文件中的下一个CSS组件的渲染。对于我提取的每个SCSS组件,这个过程似乎都在继续,所以几乎不可能确定一个奇怪的CSS导致这个问题。 IE似乎只是想放弃在特定点渲染CSS。
我会提供一些配置,但我不确定此时要提供什么,所以请随时提出要求。任何输入或指导都会非常感激,因为我现在已经迷失了尝试的东西......而这很少发生。
答案 0 :(得分:0)
我使用基金会宝石的rails项目遇到了同样的问题。所以我猜这与某种限制有关,只有互联网资源管理器会处理这个问题以获取更多信息Internet Explorer's CSS rules limits 我使用这个gem https://github.com/zweilove/css_splitter
解决了我的问题