Im HTML integrierte <img-Bilder über CSS einpassen über object-fit:

  • Kein Schreibfehler aber ein Verbesserungsvorschlag wegen eines Fallstrickes über den ich am Anfang gestolpert bin: Das object-fit orientiert sich an den Abmessungen des Bildes selber, nicht an denen des umgebenden Containers. Hat das Bild keine Größenangabe funktioniert daher das object-fit nicht. Man kann sich davon leicht überzeugen wenn man im HTML-Inspektor das

    Code
    1. width: 100%;
    2. height: 100%;

    für das Bild deaktiviert.