javascript - 如何在 IE8 中使用响应 JS 应用 2 个媒体查询？

Question

所有代码在 IE9+ 中运行良好。

这在 IE8 中使用 respond.js 有效:

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) {
  // Code
}

这不是:

@media (-webkit-min-device-pixel-ratio: 2) and (min-width: 700px), 
(min-resolution: 192dpi) and (min-width: 700px){
  // Code
}

有人知道另一种将媒体查询传递给 IE8 的方法吗？

Answer 1

好吧，也许我都错了，但你指定了 -webkit-stuff AND 其他宽度查询。

我不相信 ie 会理解 -webkit- 但可以错误地理解最小分辨率。

@media (-webkit-min-device-pixel-ratio: 2) and (min-width: 700px), 
(min-resolution: 192dpi) and (min-width: 700px){
  // Code
}

所谓的错误，我的意思是，我发现的所有内容都不清楚，并且因为您使用的是 respond.js，所以它可能是强制的。我 found something on respond.js guihub作为duplication of this other issue

仅通过媒体查询定位 IE8:

@media \0screen {
    .your-css { background: blue; }
}

要排除 IE8，仅使用条件注释:

<!--[if !IE 8]> 
   @media queries for all browsers except IE 8
<![endif]-->