0

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

我的 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 有语法差异吗？

4

2 回答 2

2

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

于 2013-11-14T13:19:24.280 回答
1

尝试关闭link元素，Internet Explorer （正确地）是正确 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" />
于 2013-11-14T13:21:12.720 回答