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
        width: 100%;
        height: 100%;

    für das Bild deaktiviert.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!