pcguy
Goto Top

Hintergrund wechsel je nach Screengrösse

hi @all

Ich versuche das Hintergrundbild je nach Screengrösse auszugeben. Leider Zickt die Mobile Version (20em) und zeigt nix an ... Desktop läuft.
Hatt mir da bitte jemand einen Tipp face-smile


.headerpix { background: url(/wp-content/uploads/2020/07/abend_14.webp) center; background-size: cover;}

@media all and (max-width: 20em) {
.headerpix { background: url(/wp-content/uploads/2020/07/abend_9.webp) }
}	

@media all and (min-width: 30em) {
  .headerpix { background: url(/wp-content/uploads/2020/07/abend_14.webp) }
}	

@media all and (min-width: 60em) {
 .headerpix { background: url(/wp-content/uploads/2020/07/abend.webp) }
}

Content-ID: 585345

Url: https://administrator.de/contentid/585345

Ausgedruckt am: 21.11.2024 um 21:11 Uhr

pcguy
pcguy 09.07.2020 um 15:19:02 Uhr
Goto Top
Hallo, kann es sein das Bootstrap meine CSS/Media Queries nicht akzeptiert?

Ich finde einfach keinen Fehler face-confused