我已经用谷歌搜索了两天,但找不到答案....问题仅在 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;}
}
最佳答案
尝试在 head 标签中设置一个空的样式标签。
<style></style>
我在链接相对样式表中声明的媒体查询有问题,这为我解决了。
关于html - Css3 媒体查询仅在 <head> 标签内有效,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13580793/