css media query margin-top element div

Question

Ich habe das folgende Javascript. Ich möchte den oberen Rand und den linken Rand eines div-Elements ändern. Ich benutze diese Medien Abfrage

@media screen and (max-width:1024px) { 
 
    .my-list { 
 
    margin-top: 120px; 
 
    margin-left: 350px; 
 
    } 
 
}

<div class="my-list"> 
 
    test message 
 
</div>

Der letzte Bildschirm ist

Wie kann ich margin-top und ändere ein div-Element margin-left?

Answer 1

Ich möchte die margin-top und margin-left eines div-Elements geändert

Was Sie getan haben, richtig ist. Jetzt kommt es auf Ihre Anforderung an. Gemäß Ihrer Medienabfrage wird css für alle Auflösungsfenster unter 1024px angewendet.

Da Sie in Ihrer Medienabfrage max-width:1024px angewendet haben. Wenn Sie jetzt höher als 1024 einstellen möchten, können Sie 'min-width: 1024px' verwenden.

Überprüfen this Geige. Das funktioniert