Question

我创建了一个导航栏。如果向下滚动则隐藏，而向上滚动则出现。我用JavaScript解决了问题，但遇到了问题。

当我挤压窗户时，徽标向下滚动并向上滚动，徽标不会消失。我创建了一个@media，将徽标高度从170px设置为120px。我将所有内容都写到了一个CSS文件中，但是当我使用Javascript修改元素样式时，就会发生这种情况：

Answer 1

正如static_null正确指出的那样，您可以将媒体查询更改为

@media only screen and (max-width:1300px){
   #cimpic{
      height: 120px !important;
   }
}

，或者您可以删除#cimpic高度的嵌入式样式并将其移动到样式表中。这样可以更轻松地基于视口进行操作，即

#cimpic{
  height: 120px;
}  

@media only screen and (min-width:1300px){
   #cimpic{
      height: 170px;
   }
}

祝你好运！

Answer 2

确保媒体查询在样式表中的原始代码之后。另外，如果您确实很懒，也可以始终在语句末尾添加！important，但是，这是不好的做法。我建议阅读CSS特异性：