Browser-Erfrierung in ResizeObserver

[Nico R.]

Hallo Gunnar,

danke für den Hinweis. Ich benutze vh ja auch schon in einigen anderen Fällen. Im Zusammenhang mit einem img ist es mir aber irgendwie nicht in den Sinn gekommen.

In jedem Fall funktioniert das, was ich wollte, offensichtlich (wenn ich nichts übersehen habe) mit dieser simplen Angabe:

img {
	max-width: 100%;
	max-height: 100vh;
}

Je nach Viewport wird das Bild entweder in der kompletten Breite oder der kompletten Höhe angezeigt, im Prinzip also ein Verhalten wie bei background-size: contain. Es ist anscheindend weder ein @media (orientation) und schon gar kein ResizeObserver nötig.

Schöne Grüße

Nico