Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/459.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何成为@media';什么是第一级?_Javascript_Html_Css_Responsive Design_Media - Fatal编程技术网

Javascript 如何成为@media';什么是第一级?

Javascript 如何成为@media';什么是第一级?,javascript,html,css,responsive-design,media,Javascript,Html,Css,Responsive Design,Media,我创建了一个导航栏。向下滚动时隐藏,向上滚动时显示。我用JavaScript解决了这个问题,但我有一个问题 我向下滚动和向上滚动,当我挤压窗口时,徽标不会消失。我创建了一个@media,将徽标高度从170px设置为120px。我在css文件中写入所有内容,但当我使用Javascript修改元素样式时,会发生以下情况: 确保媒体查询位于样式表中的原始代码之后。或者,您可以随时抛出一个!重要的是,在这句话的结尾,若你们真的很懒,那个么这是一个坏习惯。我建议阅读以下内容: 正如正确指出的,您可以将媒体

我创建了一个导航栏。向下滚动时隐藏,向上滚动时显示。我用JavaScript解决了这个问题,但我有一个问题

我向下滚动和向上滚动,当我挤压窗口时,徽标不会消失。我创建了一个@media,将徽标高度从170px设置为120px。我在css文件中写入所有内容,但当我使用Javascript修改元素样式时,会发生以下情况:


确保媒体查询位于样式表中的原始代码之后。或者,您可以随时抛出一个!重要的是,在这句话的结尾,若你们真的很懒,那个么这是一个坏习惯。我建议阅读以下内容:

正如正确指出的,您可以将媒体查询更改为

@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;
   }
}  

祝你好运

在默认情况下,#cimpic height样式不在那里内联。当我向下滚动和向上滚动时,它会在到达那里的时候出现:/I很抱歉,我的英语水平很低:(Hi@Akos,如果我看一下你发布的web inspector屏幕截图,它会显示style=“height:170px;”。你知道这是从哪里来的吗?谢谢@Akos,这很有帮助。作为一个快速的实验,你可以尝试将上面的第二块CSS添加到你的站点,并在javascript中注释掉设置#cimpic高度的两行