Javascript 如何成为@media';什么是第一级?
我创建了一个导航栏。向下滚动时隐藏,向上滚动时显示。我用JavaScript解决了这个问题,但我有一个问题 我向下滚动和向上滚动,当我挤压窗口时,徽标不会消失。我创建了一个@media,将徽标高度从170px设置为120px。我在css文件中写入所有内容,但当我使用Javascript修改元素样式时,会发生以下情况:Javascript 如何成为@media';什么是第一级?,javascript,html,css,responsive-design,media,Javascript,Html,Css,Responsive Design,Media,我创建了一个导航栏。向下滚动时隐藏,向上滚动时显示。我用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高度的两行