Bilder "responsiv" machen

Thema wurde von Anonymous, 10. Februar 2019 erstellt.

  1. Anonymous

    Anonymous Erfahrener Benutzer

    Hallo,

    auf meinen Info-Seiten würde ich gerne Bilder verwenden, die etwa 1.000px breit sind. Das sieht auf einem Desktop-PC super aus. Leider ist dann auf einem mobilen Gerät kaum etwas zu sehen. (abgeschitten)

    Frage: Wie mache ich diese Bilder resposiv? Gibt es in den Innereien von Gambio schon Scripte auf die man zugreifen kann?

    Ich dachte schon ich hätte die Lösung, aber mit

    <img class="img-responsive" alt="großes Bild" src="images/grosses-bild1000.jpg"

    wird leider nur die Breite reduziert, nicht proportional, so dass das Bild gequetscht wird.

    Wer hat eine Idee?
     
  2. @klaus_wengel

    <img src="..." class="img-responsive" alt="Responsives Bild">
     
  3. Dennis (MotivMonster.de)

    Dennis (MotivMonster.de) G-WARD 2013/14/15/16

    Das der rihtige weg, wenn es nicht geht brauchen wir nen link zu der seite mit dem bild damit wir schauen können was da fasch läuft
     
  4. barbara

    barbara G-WARD 2014-2020

    und ganz wichtig:
    die Größenangaben müssen weg, falls welche da sind
     
  5. Anonymous

    Anonymous Erfahrener Benutzer

    Ganz großen Dank!
    Es waren die Größenangaben.
     
  6. Dennis (MotivMonster.de)

    Dennis (MotivMonster.de) G-WARD 2013/14/15/16

    das hättest sofort bekommen hättest den echten codeschnipsel gepostet statt pseudocode wie den
    keine besipiele, immer das original. erspart eit, rückfragen und nerven.
     
  7. Anonymous

    Anonymous Erfahrener Benutzer

    Danke für den Hinweis, Dennis,