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

时间:2012-04-14 07:23:25

标签: javascript jquery css css3 media-queries

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

我已经解决了一个相当难看的黑客来解决问题(读取 - 即当屏幕大小低于768px时创建样式元素的特定js文件)。还有另一种方式吗?

2 个答案:

答案 0 :(得分:2)

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

答案 1 :(得分:1)

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