Seitenverhältnis beibehalten bei class="img-responsive"

Thema wurde von Anonymous, 27. August 2016 erstellt.

  1. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    20. Mai 2016
    Beiträge:
    307
    Danke erhalten:
    34
    Danke vergeben:
    103
    #1 Anonymous, 27. August 2016
    Hallo,
    ich habe in meiner inxdex-Dateim im Comtent-Manager ein Bild eingefügt und dieses Bild mit
    class="img-responsive" responsiv gehalten.
    Das klappt auch ganz gut bis auf die Tatsache, dass wenn ich mir die Seite z.b. auf dem Smartphone angucke,
    das Seitenverhältnis des Bildes nicht mehr eingehalten wird.
    Es ist zwar entsprechend verkleinert, aber verzerrt.
    Wie kann ich das lösen?

    Gruß,
    joschu.
     
  2. Dennis (MotivMonster.de)

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

    Registriert seit:
    22. September 2011
    Beiträge:
    30.984
    Danke erhalten:
    6.097
    Danke vergeben:
    1.079
    Beruf:
    Mann für alles :)
    Ort:
    Weilburg
    #2 Dennis (MotivMonster.de), 27. August 2016
    hast evtl. feste pixel höhe / breite angegeben?
     
  3. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    20. Mai 2016
    Beiträge:
    307
    Danke erhalten:
    34
    Danke vergeben:
    103
    #3 Anonymous, 27. August 2016
    Ja, habe ich.
    Dachte gerade deswegen müssten die Proportionen eingehalten werden.
    Ich versuchs gleich mal ohne.
    Danke!
     
  4. Dennis (MotivMonster.de)

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

    Registriert seit:
    22. September 2011
    Beiträge:
    30.984
    Danke erhalten:
    6.097
    Danke vergeben:
    1.079
    Beruf:
    Mann für alles :)
    Ort:
    Weilburg
    #4 Dennis (MotivMonster.de), 27. August 2016
    HTML:
      <img src="deinb ild.jpg" class="img-responsive" alt="dein alt text" width="304" height="236">
    The .img-responsive class applies max-width: 100%, height: auto, and display:block to the image:
     
  5. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    20. Mai 2016
    Beiträge:
    307
    Danke erhalten:
    34
    Danke vergeben:
    103
    #5 Anonymous, 27. August 2016
    Genau so habe ich es.
     
  6. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    20. Mai 2016
    Beiträge:
    307
    Danke erhalten:
    34
    Danke vergeben:
    103
    #6 Anonymous, 27. August 2016
    Ah, Dennis, jetzt habe ich es (erst) verstanden! :)

    Mit den Eingaben klappts!

    Vielen Dank, Dennis! :)