我已经搜索了两天了,但是找不到答案。。。。问题是只有在IE8中其他浏览器都运行良好。。。。。。我使用以下Js文件支持IE8中的媒体查询:

css3-mediaqueries.js
html5.js

问题是媒体查询在外部样式表中不起作用,但当我将它们放在html文件的头部分时,它们就可以正常工作了。网站是Wordpress。任何帮助都很好。
我的媒体查询代码是:
@media only screen and (min-width: 769px) and (max-width:1075px) {
    #wrap {
        width:100%;
        max-width:98%;
    }
}
@media \0screen {
    img {
        width: auto; /* for ie 8 */
    }
}
@media only screen and (min-width: 600px) and (max-width:768px) {
    #wrap {width: 100%;}
    .grid {padding: 0;}
    #contentleft {width: 100%;}
    .grid > aside {float: none; margin: 0; width: auto; }
    #contentright {float: none;}
}

最佳答案

尝试在头标记中设置空样式标记。

 <style></style>

我对link rel样式表中声明的媒体查询有问题,这为我解决了问题。

10-07 19:38
查看更多