Javascript @IE 8中不支持媒体查询

我在我的网站上应用了@media query，使其根据屏幕分辨率做出响应，但它不起作用，而之前，它工作得很好

我在下面分享页面代码。请有人帮助我，这就是我的代码失败的原因

<link href="header.css" rel="stylesheet">
<link href="indexcss.css" rel="stylesheet">

<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/font-awesome.min.css" rel="stylesheet">
<link href="css/animate.min.css" rel="stylesheet">
<link href="css/prettyPhoto.css" rel="stylesheet">
<link href="css/main.css" rel="stylesheet">
<link href="css/responsive.css" rel="stylesheet">
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<script src="js/respond.min.js"></script>
<![endif]-->       
<link rel="shortcut icon" href="images/icon.jpg">
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="images/ico/apple-touch-icon-144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/ico/apple-touch-icon-114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="images/ico/apple-touch-icon-72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="images/ico/apple-touch-icon-57-precomposed.png">

---

不幸的是，IE8不支持媒体查询

---

IE8不支持媒体查询，您需要使用pollyfill为旧浏览器（如果必须支持的话）修补功能

一种选择是使用IE8来实现媒体查询

使用pollyfill的另一种方法是查看olderbrowser而不是pollyfill并为其提供可接受的功能

请记住，较旧的浏览器可能也是性能最差的（与现代浏览器相比），而且它们也可能运行在较旧的硬件上

将pollyfill添加到性能不佳的浏览器会降低用户的体验。

请参阅来自Bootsrap的部分

由于浏览器的安全规则，Respond.js不能处理页面 通过file://协议查看（如打开本地HTML文件时）。 要测试IE8中的响应功能，请通过HTTP查看页面。看见 有关详细信息，请参阅

---

除了已经发布的答案之外：对于媒体查询