我有一个带有 Foundation 4 的 Rails 3.2 项目,我需要支持 Internet Explorer 8。
为了在 IE8 中启用 Foundation 4 网格所需的媒体查询,我包含了 Respond.js。我在 IE8 中进行了测试,但布局仍然是小型设备布局。respond.js 测试页在 IE8 中运行良好。
为什么在 IE8 中没有正确加载 Foundation 网格?
我有一个带有 Foundation 4 的 Rails 3.2 项目,我需要支持 Internet Explorer 8。
为了在 IE8 中启用 Foundation 4 网格所需的媒体查询,我包含了 Respond.js。我在 IE8 中进行了测试,但布局仍然是小型设备布局。respond.js 测试页在 IE8 中运行良好。
为什么在 IE8 中没有正确加载 Foundation 网格?
我之前在谷歌浏览器中启用了 sass 支持,config.sass.debug_info = true
并且environments/development.rb
结果@media -sass-debug-info
显然没有被 response.js 处理。
更改config.sass.debug_info
为false
,清空tmp/cache/
项目文件夹并重新启动 rails 服务器解决了这个问题。
编辑
显然我也必须设置
config.sass.debug_info = false
config.sass.line_comments = false
完全禁用 sass 调试媒体查询。
我遇到的问题是 IE8 似乎不喜欢 @import-property。
我们使用了一个全局 css 文件来导入必要的样式。当通过 =* require custom.css 将所有样式表移动到资产管道时,一切都开始工作了
奇怪的是,常规引导样式(按钮、背景等)被正确导入。网格系统不是。我猜 Internet Explorer 以神秘而迟钝的方式工作。