我正在学习响应式设计,而@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;
}
}
当我的页面低于 767 像素时,我希望顶部降至 61 像素。这没有发生。@media 在 .subnav 类之后。除了被告知如何进行这项工作之外,我还想了解正在发生的事情。任何帮助或链接都会很棒。