@media query code

Question

Kann dies getan werden?

.col ist der Hauptabschnitt.

Wenn ich Größe von 1142px zu 1141px verändere, möchte ich die .col verschwinden. Wenn ich die Größe verändere, kann ich die .kaartmw sehen, aber die .col verschwindet nicht.

Wenn ich Größe von weniger 1141pxpx zu 1142px und über die .kaartmw Größe wird verschwinden, genau wie ich möchte.

Das ist mit diesem Code nicht möglich.

Die Frage ist warum?

Bitte beachte, dass ich den max-width geändert habe und min-width

/* MEDIA QUERY 1142px*/ 
 
@media screen and (min-width:1142px){ 
 
    .kaartmw { 
 
     display: none; 
 
    } 
 

 
/* MEDIA QUERY 1142px*/ 
 
@media screen and (max-width:1141px){ 
 
    .col { 
 
     display: none; 
 
    }

Answer 1

Sie haben vergessen, die } jede Medienabfrage Abschnitt zu schließen.

A validator ist ein nützliches Tool zum Erkennen dieser Art von Problem.