【问题标题】:Rails, Foundation 4, Respond.js not working properly in IE8Rails、Foundation 4、Respond.js 在 IE8 中无法正常工作
【发布时间】:2013-12-12 18:19:16
【问题描述】:
我有一个带有 Foundation 4 的 Rails 3.2 项目,我需要支持 Internet Explorer 8。
为了在 IE8 中启用 Foundation 4 网格所需的媒体查询,我包含了 Respond.js。
我在 IE8 中进行了测试,但布局仍然是小型设备布局。 respond.js 测试页在 IE8 中运行良好。
为什么基础网格没有在 IE8 中正确加载?
【问题讨论】:
标签:
internet-explorer-8
ruby-on-rails-3.2
media-queries
zurb-foundation
respond.js
【解决方案1】:
我之前在 Google Chrome 中启用了 sass 支持,并且在 environments/development.rb 中有 config.sass.debug_info = true,而生成的 @media -sass-debug-info 显然没有由 respond.js 处理。
将config.sass.debug_info 更改为false,清空tmp/cache/ 项目文件夹并重新启动rails 服务器解决了这个问题。
编辑
显然我也必须设置
config.sass.debug_info = false
config.sass.line_comments = false
完全禁用 sass 调试媒体查询。
【解决方案2】:
我的问题是 IE8 似乎不喜欢 @import-property。
我们使用了一个全局 css 文件来导入必要的样式。当通过 =* require custom.css 将所有样式表移动到资产管道时,一切都开始工作了
这很奇怪,常规引导样式(按钮、背景等)被正确导入。网格系统不是。我猜 Internet Explorer 的工作方式神秘而迟钝。