Bekomme Responsive-Design nicht hin

[Rolf B]

Hallo Markus,

Devices teste ich - sofern nicht physisch vorhanden - entweder über Fenstergrößen oder über die Device-Simulation der Entwicklerwerkzeuge von Chrome.

height:100vw setzt die Höhe des Containers auf 100% Viewporthöhe. Aber dein Bild ist Hintergrund, und der wird nicht automatisch skaliert. Dafür brauchst du die background-size Eigenschaft. Der Wert "cover" könnte Dir helfen. Du verwendest die Kombi-Eigenschaft background, da gehört die size-Angabe zwischen Position und Repeat.

Alternativ könntest Du überlegen, statt Hintergrundbild ein <img> Element zu nutzen.

Rolf