Demo Object-Fit (im Flex-Grid Raster)

Hier kommen unterschiedliche Bildformate zum Zug. Alle mit object-fit eingepasst. Dem Bild (img) wird zwingend eine Höhe und Breite von je 100% zugewiesen. Dann kann per 'object-fit: cover' die Anpassung des Bildes auf den äusseren Container zugewiesen werden.

Polyfill für IE via GitHub. Es braucht dann nur noch bei jedem img-Tag eine Anweisung als data-object-fit und das Skript mimt auf Browsern die es nicht können object fit cover nach.

Bild Platzhalter
Bild Platzhalter
Bild Platzhalter
Bild Platzhalter
Bild Platzhalter