Media Queries Hilfe? - Desktops

Question

Ich versuche, einen Desktop mit der Bildschirmgröße Ziel 1944 von 1080. Ich tue dies die normale Art und Weise ..

@media screen and (max-width: 1944px) and (max-height: 1080px) { 

.about-section { 
    margin-top: 600px; 
} 
.container h3 { 
position: relative; 
top: -200px; 
} 

} 

Wenn ich dies tun, aber es wirkt sich meine Standard-Auflösung - 1440 x 900 -. Ich bin verwirrt, bedeutet das, ich muss Code unter dieser Abfrage für meine Standardauflösung neu schreiben?

Also ich möchte die Kopfzeile in einer anderen Position sein, wenn auf einem größeren Bildschirm angezeigt wird? Aber ich möchte die Standard-Header nicht davon betroffen sein?

Ich fühle mich wie ich etwas vermisse, ich weiß es kaskadiert aber sicherlich muss die Desktop-Abfrage nicht an der Spitze der CSS-Datei sein.

Jede Hilfe würde sehr geschätzt werden!

Answer 1

max-width bedeutet, dass alle Browser mit einem Bildschirm unter diesem Wert betroffen sind. Wenn Sie diese Dimensionen und darüber nur auf ausrichten möchten, verwenden Sie stattdessen min-width.

Answer 2

können Sie verwenden

@media screen and (max-width: 1944px) and (max-height: 1080px) and (min-width: 1441px) { } 

Um Ihren Code nur> 1440px breit Ziel.

jedoch sollten Sie wahrscheinlich verwenden dank nur

@media screen and (min-width: 1441px) { }