contain
: wird angepasst …
würde vlt. etwas klarer werden, wenn erwähnt würde, daß das Anpassen (zumindest bei „manchen“ Browsern?) durch das Hinzufügen von transparenten Pixeln erfolgt. Weshalb ea dann z. B. ein :hover
auf diese Bereiche ebenso „hoovert“ wie beim eigentlichen Bild.
Aufgefallen ist mir das bei so einem “holy grail”, in dessen Mitte ein Grid aus Bildern (ähnlich einem der hier nebenan gezeigten Beispiele) angeordnet sind. Die img
stecken dabei in einem figure
, das mittels object-fit: contain
befüllt wurde. Und dann hat beim Zeigen des Bildes mittels scale
die Maus beim :hover
„aus unerfindlichem Grund“ (s.o.) fast nicht aufhören wollen, sich wichtig zu tun … — Bei „aspect-ratio(img) / aspect-ratio(figure)“ deutlich ungleich 1 ist das nicht so toll.
Diese Nicht-Letterbox-Balken sind jedenfalls kein NIchts.