CSS - 1140px 网格 - IE 7,8 问题 - 媒体查询答案

【问题标题】：CSS - 1140px Grid - IE 7,8 issues - Media QueriesCSS - 1140px 网格 - IE 7,8 问题 - 媒体查询
【发布时间】：2012-04-27 02:21:58
【问题描述】：

所以，我使用的是1140px css grid。这是一个响应式 css 网格设计，我对它印象深刻。但是（什么时候结束？？），IE (7, 8) 搞砸了。作者使用css 3媒体查询来设置768px以下的样式。他还使用this 在不受支持的浏览器中启用媒体查询。但是这些样式从未在 IE 中应用（即 9 可以正常工作）。

我已经解决了一个相当丑陋的黑客来解决这个问题（阅读 - 即当屏幕尺寸低于 768px 时创建样式元素的特定 js 文件）。还有其他方法吗？

【问题讨论】：

Respond.js 是您唯一的解决方案，就像下面回答的其他海报一样，除非您想使用像 Chrome 框架这样更狂野的东西。

标签： javascript jquery css media-queries

【解决方案1】：

respond.js(https://github.com/scottjehl/Respond) 让媒体查询在不受支持的浏览器中工作。如果您使用modernizr，这确实包括响应。显然不再：http://modernizr.com/news/modernizr-25/

【讨论】：

谢谢，但这仍然不能解决问题。我破解不了。
您可以使用条件 cmets 加载特殊的 ie css，因为只有小型显示器才真正需要媒体查询

【解决方案2】：

如果您在 PC 上将其作为文件运行，则 js 文件不会执行任何操作。一旦你把它放在服务器上，js就会启动。

【讨论】：

普通js只被浏览器解析，不被服务器解析。所以不管他是用服务器开发还是只是将html页面加载到他的浏览器中。