Rahmen um automatisch skaliertes Bild

[Stefan Einspender]

Hallo,

sah erstmal ganz vielversprechend aus, aber ganz passt es nicht. Je nach Größe des Viewports ist der blaue Bereich größer oder kleiner. Und in diesen soll sich das Bild "einpassen". Also entweder es wird vergrößert oder verkleinert. Jeweils so, dass Breite und/oder Höhe den blauen Bereich ausfüllen (abzgl. Abstand und Rand für das Bild).

Bei Deiner Variante stehen links und rechts die roten Ränder über, was aber vermutlich leicht zu korrigieren ist. Allerdings wird das Bild nicht auf die Höhe des Viewports gezoomt, was ein Problem ist. Auch wenn man die Höhe des Browserfensters verkleinert, wird es nicht angepasst.

Viele Grüße, Stefan