Boostrap隐藏在480像素

Question

我要完成新手入门。我有一个CSS类别正在其他部分中使用。我试图添加一个新的部分，它不起作用。我不知道我在做什么，哈哈从我所看到的看它应该工作。如果最小宽度为480px或更小，则可能会崩溃。

HTML：

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

CSS：

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

Answer 1

如果屏幕尺寸为480px或更小，则隐藏元素

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

Answer 2

好吧，我找到了部分答案：

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

display：none;不管用。我不知道为什么，但是将可见性设置为隐藏似乎可以正常工作了。我想我也需要在html中更改其他一些内容，但这似乎是正确的解决方法。谢谢你的帮助。

Answer 3

您只需将最小宽度更改为最大宽度原因

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

表示不显示的意思将应用于大于480px的屏幕 如果您希望小于480px

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

}