Bekomme Responsive-Design nicht hin
bearbeitet von
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](https://wiki.selfhtml.org/wiki/CSS/Eigenschaften/Hintergrundfarben_und_-bilder) Eigenschaft. Der Wert "cover" könnte Dir helfen. Ggf. brauchst Du auch noch andere Einstellungen, um das Bild zu positionieren.
Alternativ könntest Du überlegen, statt Hintergrundbild ein <img> Element zu nutzen.
_Rolf_
--
sumpsi - posui - clusi