css代码:

@media screen and (min-width:1366px) and (max-width:2100px){ .headline{ /*width:1150px;*/ width: 100%; height:30px; background-color:#C12C20; -moz-box-shadow: 3px 3px 8px #C12C20; -webkit-box-shadow: 3px 3px 8px #C12C20; box-shadow: 3px 3px 8px #C12C20; }

@media screen and (min-width:600px) and (max-width:1365px){ .headline{ /*width:1150px;*/ width:auto; height:30px; background-color:#C12C20; -moz-box-shadow: 3px 3px 8px #C12C20; -webkit-box-shadow: 3px 3px 8px #C12C20; box-shadow: 3px 3px 8px #C12C20; }

html代码:

webkit：

浏览器模式ie8(B)，文档模式IE8标准

问题：
文档模式ie9能正常加载@media query中的样式
以下模式都不能加载。
head头文件已经加载了解决兼容性的库：