我已经在我的网站上应用了@media查询，以便根据屏幕分辨率对其进行响应但是它不起作用，而早些时候，它工作正常。
我在下面分享页面代码。请有人帮助我，为什么我的代码失败了。
<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">
答案 0 :(得分：1)
不幸的是，IE8不支持媒体查询。
答案 1 :(得分：1)
IE8不支持媒体查询，您需要使用pollyfill修补旧浏览器的功能（如果必须支持它们）
一种选择是使用use respond来使媒体查询在IE8中运行
使用pollyfill的另一种方法是查看gracefully degrading并为oldbrowser提供可接受的功能，而不是pollyfill。
请记住，较旧的浏览器也是性能最差的（与现代浏览器相比），并且它们也可能在较旧的硬件上运行。
在已执行的浏览器中添加pollyfill会降低用户的体验。
答案 2 :(得分：0)
请参阅Bootsrap的doc
由于浏览器安全规则，Respond.js不适用于页面 通过file：//协议查看（就像打开本地HTML文件时一样）。 要在IE8中测试响应功能，请通过HTTP（S）查看您的页面。看到 Respond.js docs了解详情。