nix: Frage zum Wiki-Artikel „object-fit“

Beitrag lesen

problematische Seite

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.