Wie können Sie Div-Tags gemäß Änderungen der Gerätegröße in Materialisecss ausblenden?

Question

Wenn es um die Desktop-Ansicht geht, sollte die Schnittstelle aus 3 Spalten bestehen. Aber wenn es um die mobile Ansicht (360 x 640) oder (360 x 480) geht, möchte ich die erste Spalte nicht anzeigen, es sollten nur zwei Spalten angezeigt werden. Als Referenz habe ich hier drei Spalten erwähnt.

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

} 

zum Beispiel:

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

Answer 1

können Sie CSS-Eigenschaften unter Neudefinition

.btn{ 
    display: none; 
} 

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

} 

Answer 2

@media mich indirekt dazu beigetragen, und lassen Sie mich Ihnen sagen, wie. Wie in der obigen Antwort erwähnt, habe ich @media im vorhandenen CSS gesucht. Ich fand die Eigenschaften wie hide-on-small-and-down, und so weiter. Ich habe diese auf Div-Klassen angewandt und es hat wie ein Zauber funktioniert.