css - 媒体查询在 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

这是因为IE6 到 IE8 不支持媒体查询。

不过，这个名为 Respond.js 的 polyfill 可能会对您有所帮助 - https://github.com/scottjehl/Respond。

Respond.js- 用于最小/最大宽度 CSS3 媒体查询的快速且轻量级的 polyfill（适用于 IE 6-8 等）

这是一个演示示例。

Answer 2

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