如何根据Materialisecss中的设备大小更改隐藏Div标签？

Question

说到桌面视图，界面应该是3列。但是当谈到移动视图（360 x 640）或（360 x 480）时，我不想显示第一列，只显示两列。 作为参考，我在这里提到了三个专栏。

<div class="col s12 m2 l2">...</div>
<div class="col s12 m8 l8">...</div>
<div class="col s12 m2 l2">...</div>

Answer 1

您可以在以下位置重新定义css属性：

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

}

例如：

.btn{
     display: none;
}

    @media only screen and (max-width: 640px) {
    .btn {
        display: inline;
    }

}

Answer 2

@media间接帮助了我，让我告诉你如何。正如上面回答中提到的细节，我在现有的CSS中搜索了@media。我找到了hide-on-small-and-down，hide-on-med-and-down等属性。我将这些应用于div类，它就像一个魅力。