Ich habe den folgenden Code zu meiner style.css-Datei in meinem WordPress-Design hinzugefügt, aber es funktioniert nicht. Ich möchte, dass sich der Körperhintergrund für Bildschirmbreiten zwischen 768 und 1024 Pixel ändert
CSS:
@media screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
{
body {
background: #fff;
border-top: 2px solid #DDDDDD;
}
}
NoobEditor
Möglicherweise haben Sie Probleme mit der Reihenfolge der Medienabfrage, in der Sie die Stile erwähnt haben
Manchmal kann es vorkommen, dass das Hinzufügen von px am Ende der Zahl übersehen wird
@media screen and (max-width: 1024)
Dies wird nicht funktionieren, daher sollte px wie folgt hinzugefügt werden
@media screen and (max-width: 1024px)
Versuchen
@media only screen and (min-width: 768px) and (max-width: 1024px) {
}
mina abdi
Sie können auch eine andere Datei erstellen wie: smallScreen.css und fügen Sie es mit diesem Code direkt in Ihr Head-Tag unter Ihrem Haupt-Stylesheet ein:
dann können Sie auch Stil in der neuen Datei hinzufügen, wenn “nur bildschirm und…” funktioniert nicht, Sie können vermeiden, Folgendes zu verwenden: nur
11766200cookie-check@ media Screen CSS funktioniert nichtyes