Css 以480像素的速度隐藏Boostrap

我完全是新手。我有一个css类正在为我们的其他部分工作。我试图添加一个新的部分，但它不起作用。我不知道我在做什么，哈哈，从我所能看到的来看，它应该是有效的。如果最小宽度为480px或更小，则假定它会崩溃

HTML:

<div class="orderhistory-subcontainer2 orderhistoryhide"><b>Paid</b></div>

---

如果屏幕大小小于或等于480px宽，则隐藏该元素

  @media only screen and (max-width: 480px) {
     .orderhistoryhide
         {
            display: none;
         }
     }

---

我找到了我问题的部分答案：

    @media only screen and (max-width: 480px) {
 .orderhistoryhide
     {
        visibility: hidden;
     }
 }

---

显示：无；它不起作用。我不知道为什么，但设置可见性隐藏现在似乎工作。我想我还需要更改html中的一些其他内容，但这似乎是正确的修复方法。谢谢你的帮助

您只需将最小宽度更改为最大宽度即可

    @media only screen and (min-width: 480px) {
    .orderhistoryhide
        {
            display:none;
        }
}

意味着显示无将应用于宽度大于480px的屏幕 如果你想要小于480px

@media only screen and (max-width: 480px) {
.orderhistoryhide
    {
        display:none;
    }

---

}

您好，您的课程与引导无关。您正在询问有关媒体查询的问题。。。此外，您还编写了“min width”，但您似乎想要“max width”，即“如果min width小于等于480px，则假定它会崩溃”。。。但您编写的规则仅适用于宽度为480px或更大的情况（即，当宽度至少为480px时，它将显示为：无。我认为您刚刚恢复了逻辑。嗯，似乎不起作用。我相信您的代码可能是正确的，但由于某些原因它不起作用。我将发布css，可能是我放错了。您可以清除浏览器缓存吗？并检查括号。

@media only screen and (max-width: 480px) {
.orderhistoryhide
    {
        display:none;
    }