媒体查询无法为IE工作任何版本

时间:2013-11-14 13:12:11

标签: css html5 media-queries

一直在玩媒体查询,并认为我理解它是如何运作的。

我的HTML中有以下代码:

<link rel="stylesheet" type="text/css" media="screen and (min-width: 0px)" href="mobile.css">
<link rel="stylesheet" type="text/css" media="screen and (min-width: 350px)" href="tablet.css">
<link rel="stylesheet" type="text/css" media="screen and (min-width: 1050px)" href="screen.css">

基本上使用不同的css样式表,具体取决于屏幕的大小。

适用于firefox和chrome。 IE完全不起作用。 即使我今天下载的版本11也没有。 事实上,IE似乎忽略了所有链接,并且根本没有应用任何样式。 已尝试过版本8和9但问题相同。

有谁知道这个的原因? IE有语法差异吗?

2 个答案:

答案 0 :(得分:2)

使用css3-mediaqueries-js。该库模拟媒体查询。

答案 1 :(得分:1)

尝试关闭link元素,Internet Explorer(正确地)是适当HTML的坚持者,因此可能就是这样。

e.g。

<link rel="stylesheet" type="text/css" media="screen and (min-width: 0px)" href="mobile.css" />
<link rel="stylesheet" type="text/css" media="screen and (min-width: 350px)" href="tablet.css" />
<link rel="stylesheet" type="text/css" media="screen and (min-width: 1050px)" href="screen.css" />