根据MDN指南忽略媒体查询

Question

我对此感到非常沮丧......

MDN示例媒体查询：

@media (max-width: 600px) {
  .facet_sidebar {
    display: none;
  }
}

我的媒体查询：

@media (max-width: 1000px) {
  .nav-content {
    width: 90%;
    margin-left: 5%;
  }
}

它没有工作......

我检查过的事情：

• 查询是在原始.nav-content声明
之后
• 该课程名称正确
• 拼写正确

原始CSS

.nav-content {
  width: 80%;
  margin-left: 10%;
  display: inline-block;
}

这是指向codepen的链接：http://codepen.io/sbhenrichs/pen/ZOjyrm 但是当我将浏览器缩小到低于1000px时，什么也没发生！

请帮助

Answer 1

您的（HTML）style中的head标记中包含此CSS规则：

.nav-content {
  width: 75%;
  margin-left: 12.5%;
}

这会覆盖所有外部样式表中的规则...