css - IE7、IE8支持css3媒体查询

标签 css internet-explorer-8 internet-explorer-7 media-queries

<分区>

我试过了:

@media screen and (max-width:1024px) {
.sidebar{width:630px;}
}

获取 IE7 和 8 的修复程序但它不起作用,而它适用于 IE9 和其他浏览器。有没有不同的写法。我也尝试包含 css3mediaqueries js 但没有成功。 是否完全支持 IE7 和 IE8?

最佳答案

在 中包含此元标记。

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Internet Explorer 8 或更早版本不支持媒体查询。您可以使用 media-queries.js 或 respond.js 在 IE 中添加媒体查询支持。

<!--[if lt IE 9]>
    <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->

我认为这两个链接会对您有所帮助。

更新

css3-mediaqueries-js 已移至 github

关于css - IE7、IE8支持css3媒体查询,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18205253/

相关文章:

css - 复选框在 IE8 中不可见,但在 Firefox 中可见

IE 8 及以下版本的 CSS - div 背景图像大小

css - 为什么我的布局在 IE<6 中有效,但在 IE>7 中无效?

css - 子导航不会出现在 ie7 中的图像上

jquery - Foundation Drilldown 菜单隐藏或子菜单较长时的高度计算不正确

html - Flexbox 大小问题

javascript - 如果我的站点使用 ie6 标准,是否有一个文档类型可以使 ie8 表现出它是 ie6?

javascript - ie8 - 边距和 ajax 错误

css - IE 6/7 大纲属性的替代方案

javascript - 从选项中选择时更改选项值