浏览器的文档模式设置成ie8标准css的@media query中的代码应用不了?

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代码:

 <!--头条-->
   <div class="headline">
   </div>
 <!--end-->

webkit:
clipboard.png

浏览器模式ie8(B),文档模式IE8标准
clipboard.png

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

阅读 4.5k
1 个回答
新手上路,请多包涵

<!--[if lt IE 9]>

<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>

<![endif]-->
刚刚解决的这个问题,直接用这个链接第一次尝试好像不行,所以我下下来了,又尝试了一次,就可以了
希望可以帮到你

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题