Css 第二个@media查询触发错误
我无法找出以下CSS中的错误:Css 第二个@media查询触发错误,css,media-queries,Css,Media Queries,我无法找出以下CSS中的错误: @media all and (min-width: 570px) and (max-width: 970px) { .contain { padding: 0 0 0; } .two { display: none; width: 0; margin-right: 0; } .two .tube { padding: 0 0 0;
@media all and (min-width: 570px) and (max-width: 970px) {
.contain {
padding: 0 0 0;
}
.two {
display: none;
width: 0;
margin-right: 0;
}
.two .tube {
padding: 0 0 0;
}
nav#primary .contain {
padding: 0 240px 0 0;
margin: 0 auto;
}
nav#primary .contain .two {
display: inherit;
width: 240px;
margin-right: -240px;
}
}
/*
* Keep headers in proportion
*/
@media all and (min-width: 971px) and (max-width: 1060) {
header#mast h1 {
font-size: 3.2em;
}
}
第一个@media查询起作用,第二个@media块被忽略。W3CCSS验证器抱怨说“只有0可以是一个长度。你必须在你的数字后面加一个单位){header#mast h1{font size:1em;}”
我遗漏了一些非常明显的东西吗?HTML在哪里
嗯。。。这是你所写内容的一个版本,没有任何不必要或多余的部分。但是没有HTML我无法测试它
@media (min-width: 570px) { /* =========START=== */
.contain {
padding: 0;
}
.two {
display: none;
width: 0;
margin-right: 0;
}
.two .tube {
padding: 0;
}
.primary .contain {
padding: 0 240px 0 0;
margin: 0 auto;
}
.primary .contain .two {
width: 240px;
margin-right: -240px;
}
} /* =====================================END=== */
@media (min-width: 971px) { /* =========START=== */
.mast h1 {
font-size: 3.2em;
}
} /* =====================================END=== */
最大宽度:1060
=>最大宽度:1060px
?哦,天哪。。。是的,就是这样。有点尴尬,如果我自己这么说;)@dsfq应该将他们的评论放在回答中,这样您就可以进行核对。