Images in mobiler Ansicht

  • Hi Freunde,

    folgendes Problem:

    Ich erstelle einen Beitrag mit einem "featured image", welches dann im Beitrag oben angezeigt wird. Dieses Bild füllt die komplette Spalte und bei mobiler Ansicht passt sich das Bild dem Handy-Format an. - alles perfekt.

    Füge ich nun ein weiteres Bild in einem Beitrag ein, muss ich die Breite so ändern (in meinem Fall 688px), dass das Bild wieder die gleiche Größe hat.
    Das Problem ist, dass es sich (logischerweise) am Handy nun nicht anpasst und man nur ca. 1/3 des Bildes überhaupt sieht.

    Gibt es da eine Möglichkeit dies zu ändern?

    Besten Dank im Voraus.

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Du kannst entweder mit Media Queries in CSS arbeiten oder prozentuale Angaben verwenden.

    Theoretisch könntest du deinen Bildern auch per CSS einfach die Eigenschaft "max-width:100%" geben.

    Ohne Link zur Seite lässt sich das leider nicht viel konkreter beantworten.

  • Da ist ein div mit der Klasse "mceMediaCreditOuterTemp" um dein Bild herum.
    Das hat eine feste Breite als Inline-Style. Ich kann dir leider nicht sagen, wo das herkommt, weil es nicht standard ist. Aber wenn du dort den Inline-Style entfernst, passt sich das Bild automatisch an.

  • Super. Vielen Dank für deine Hilfe. Dank dem Code hab ich nun das Plugin "Media Credit" deaktiviert und das Bild neu eingefügt und es funktioniert nun richtig ;)

Jetzt mitmachen!

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