媒体查询无法在Internet Explorer ie6-ie8中运行

Question

给出的代码是为css编写的，但在IE（6-8）

中根本不起作用

 @media screen and (max-width: 340px) {
.topmaindivleft{
width:100%;
margin:0px;
padding:0px;
height:auto;
float:left;
}
.topmaindivright{
width:100%;
margin:0px;
padding:0px;
height:auto;
float:left;
}
}

希望了解一些代码，使其在Ie6-8中用于制作响应式网站

Answer 1

那是因为媒体查询aren't supported in IE6 through to IE8。

这种名为Respond.js的polyfill可以帮助您 - https://github.com/scottjehl/Respond 。

  

Respond.js - 快速＆amp;用于最小/最大宽度CSS3的轻质填充物   媒体查询（适用于IE 6-8等）

Here's a demo example

Answer 2

Internet Explorer 6-8不支持CSS3媒体查询。但是，有一种方法可以使用this JavaScript Polyfill来模拟此类功能。 Polyfill是使用JavaScript模拟不存在的功能的脚本。