css - @Media 没有像我想象的那样工作

Question

我正在学习响应式设计，@media 没有按照我认为应该的方式工作。我有一个子导航栏。这是 CSS:

.subnav-fixed {
  background-color: #eeeeee;
  position: fixed;
  top: 50px;
  left: 0;
  right: 0;
  z-index: 1030;
  border-color: #d5d5d5;
  border-width: 0 0 1px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

@media (max-width: 767px) {
  .subnav-fixed {
    top: 61;
  }
}

当我的页面低于 767px 时，我希望顶部下降到 61px。这没有发生。 @media 在 .subnav 类之后。除了被告知如何进行这项工作之外，我还想了解正在发生的事情。任何帮助或链接都会很棒。

Answer 1

尝试

@media all and (max-width:767px){
 .subnav-fixed {
    top: 61px;
  }
}

添加了 all and 而且你刚刚写了 top: 61; 所以，我在最后添加了 px