Javascript 使用引导删除所有大于480 px的屏幕上的div

我使用的是引导，我想显示一个小于或等于480px的div，但它应该在大于480px的所有屏幕上都不可见。如何使用媒体查询或任何其他技术进行显示。请帮我摆脱这个问题

 @media screen and (max-width:768px) {
        #hidetop{
            display:none;
        }
        #showtop{display:block; }
        .reduce-margin
        {
        margin-top:0px; 


}
}

---

在主css中，为该div提供display none

#hidetop{display: none;}

然后在responsive.css中使用以下代码

@media screen and (max-width:480px) {

#hidetop{display: block;}

}

---

应该像下面一样简单，添加到CSS中。通过：

---

试试下面的代码，希望能对你有所帮助

#hidetop{
            display:none;
        }
@media (max-width:480px) {
    #hidetop {
        display: block;
    }
}

这是js小提琴

---

也可以使用最小宽度。少了一条CSS规则

@media (min-width: 480px) {
    #hidetop {
        display: none;
    }
}

---

这是一个很好的资源，可以帮助您了解媒体查询的其他功能。可以组合条件，并使用not运算符。您甚至可以检测设备何时处于横向模式

您可以发布一些代码或任何JSFIDLE吗@用户…我已经添加了我正在使用的媒体查询，但我想在大于480像素的所有大小上隐藏此隐藏顶div，我将如何通过媒体查询写入它。

@media (min-width: 480px) {
    #hidetop {
        display: none;
    }
}