一直在玩媒体查询,并认为我理解它是如何运作的。
我的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有语法差异吗?
答案 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" />