Thomas J.S.: / CSS Hintergrundbild proportional und vollflächig skalieren

Beitrag lesen

Hallo,

ich möchte Hoch- und Querformatbilder in einem div mit fixed position beim window resize so anpassen, dass das Fenster vollflächig ausgefüllt wird, das Bild jedoch nur proportional skaliert wird. Das heisst, je nach Fenstergrösse beträgt die Breite bzw. die Höhe des Bildes 100%, die andere ist grösser als 100% (oder zufällig genau 100%).

Wenn du zwischen Hochformat nd Querformat beim öffnen des Fensters untescheiden kannst, ist es eigentlich kein Problem, es reicht dann ein
img { width:100%; } bzw. ein img { height:100%; }, die Browser skalieren dann das Bild entsprechend proportional.

Grüße
Thomas