Bilder im Vollbildmodus angepasst an die Bildschirmgröße

Question

Liebes Sosci-Team,

ich möchte gerne, dass Bilder im Vollbildmodus angezeigt werden - angepasst an die jeweilige Bildschirmgröße des/der jeweiligen Nutzer/-in.

Ich habe gesehen, dass ich mit style= "max-width: 100%" die Breite auf die Bildschirmgröße beschränken kann. Es bleibt jedoch die Bildhöhe über den Bildschirmrand hinausragend, sodass Scrollen nötig ist, um auch die unteren Zentimeter des Bildes sehen zu können. Das möchte ich gerne verhindern. Wie kann ich das umsetzen?

Vielen Dank für Ihre Hilfe!

Answer 1

Versuchen Sie es einmal hiermit:

<img src="bild.jpg" style="position: absolute; left: 0; top: 0; width: 100vw">

Die Breitenangabe vw entspricht 1/100 der Browserbreite. vh ist eine Hunderdstel Bildschirmhöhe.

Comments

Vielen Dank für Ihre schnelle Antwort!
Fantastisch, wenn ich den Code mit "height: 100vh" ergänze, wird es exakt so, wie ich es gerne hätte. Großartig! Und danke!