javascript - 如何成为@media 的第一名？

Question

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

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

Answer 1

作为static_null正确指出，您可以将媒体查询更改为

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

或者您可以删除#cimpic 高度的内联样式并将其移至您的样式表。这将使基于视口(viewport)的操作变得更容易，即

#cimpic{
  height: 120px;
}  

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

祝你好运!