一直在研究媒体查询,并认为我理解它是如何工作的。
我的 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 有语法差异吗?
最佳答案
使用css3-mediaqueries-js .该库模拟媒体查询。
关于css - 媒体查询无法为任何版本的 IE 工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19978549/