css - Bootstrap 隐藏在 480 像素处

Question

我是 Bootstrap 的新手。我有一个 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;
         }
     }