Hintergrundbild Mobile Seite | Forum

Position: Forum » Erweiterungen » Themes
Revofire Jul 12 '16
Hätte evtl. jemand ein Tipp für mich wie ich am besten die Skalierung eines Hintergrundbilds für eine div Box in CSS für die Mobile Version realisieren könnte?

Das Bild sieht auf dem Smartphone ziemlich gestaucht aus, erst wenn ich es horizontal drehe passt es gut.

hab folgendes verwendet

left: 0px;
right: 0px;
height: 600px;
width: 100%;
background-image: url('ow_userfiles/themes/theme_image_4.jpg');
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center 20px;



Team
Leo Jul 14 '16
Du solltest für Grafiken auf einer Webseite, die gleichzeitig auch für die mobile Ansicht geeignet sein soll, folgenden CSS-Code verwenden:

img {
   max-width: 100%;
   height: auto;
}
Zuletzt bearbeitet von Leo Jul 14 '16
Revofire Jul 30 '16
Vielen Dank, ich werde das mal probieren.