internet-explorer - Respond.JS 在 IE 8 中不工作

Question

出于某种原因，响应 JS 似乎无法正常工作。我在 IE 8 中使用媒体查询来更改各种尺寸显示器的背景图像。在 IE 8 中没有背景，只有纯色。

代码如下:

<!--[if lt IE 9]>
 <script type="text/javascript" src="/js/html5-shiv.min.js"></script>
 <script type="text/javascript" src="/js/respond.min.js"></script>
<![endif]-->

媒体查询看起来像这样:

@media (min-width:769px) and (max-width:1366px){
 html, body{
   background: url(/images/backgrounds/1366-bg.jpg)  no-repeat center top fixed #190303;
   background-size:100% auto;
 }
}

上面的代码在 IE 8 中不能运行有什么原因吗？我应该尝试使用另一个 JS 来使 IE 8 媒体查询工作吗？

注意:看来 html5-shiv 确实有效。我正在实时网络服务器上进行测试。

Answer 1

同样的问题。我发现这是我的加载顺序问题，因为我内联编写 CSS 然后我调用响应 js 脚本，所以它看起来像

<script type="text/javascript" src="js/respond.min.js"></script>

<link rel="stylesheet" type="text/css" href="style.css" media="screen" />

应该是

<link rel="stylesheet" type="text/css" href="style.css" media="screen" />

<script type="text/javascript" src="js/respond.min.js"></script>

始终在 js 脚本之前链接样式表或编写内联 CSS!