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

标签 css html 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 有语法差异吗?

最佳答案

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

关于css - 媒体查询无法为任何版本的 IE 工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19978549/

相关文章:

jquery - 响应式 CSS 边距

css - 在 CSS3 媒体查询中使用 float

html - 如何让这个动画在 Edge 中运行?

jquery - 打开后如何使用 jQuery 关闭/隐藏此 div?

html - 如何使标签式导航流畅

javascript - flex 元素是否有可能与它们上方的元素紧密对齐?

javascript - 按钮的绝对位置居中但现在全宽

html - 为什么此页面在 IE、Firefox 和 Chrome 之间看起来不同

html - 如何区分具有相同标记名和相同文本的两个 HTML 元素

css - iPad 2 网站大小问题