Ergebnis 1 bis 4 von 4

Thema: Responsive-Images passiert nix

  1. #1
    Alter Contao-Hase Avatar von xkoy
    Registriert seit
    23.07.2010.
    Ort
    Mount Maunganui, New Zealand
    Beiträge
    1.035

    Standard Responsive-Images passiert nix

    Abend,

    da ich mich gerade in die Resp Images einarbeite von Contao, probiere ich so rum mit einer frischen Installation!

    Polyfill ist aktiviert.

    Bildelement erstellt mit den Angaben:

    Breite: 250
    Höhe: 0
    Proportional
    Zoom: 0
    Sizes: 100vw
    Pixeldichte: 1x

    Inhaltselement: Text mit bild, dort dann das Test Setting ausgewählt.

    Im Frontend wird das ausgespuckt:
    <img src="assets/images/2/testbild-f88d0f72.jpg" sizes="100vw" alt="" class="img-responsive">

    Aber beim Bild tut sich nix (100vw = 100%)?!

    Habe ich etwas vergessen?

    Danke
    Daniel

  2. #2
    Wandelndes Contao-Lexikon Avatar von tab
    Registriert seit
    22.10.2013.
    Beiträge
    10.077
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Kann sich eigentlich auch nicht viel tun, es gibt ja nur eine Datei zur Auswahl, was wohl mit Breite 250px erzeugt wird. Das wird dann halt immer genommen, gibt ja auch kein anderes, das besser passen würde. Was willst du denn erreichen?

  3. #3
    Alter Contao-Hase Avatar von xkoy
    Registriert seit
    23.07.2010.
    Ort
    Mount Maunganui, New Zealand
    Beiträge
    1.035

    Standard

    Hi,

    so da ich mich jetzt weiter damit beschäftigen MUSS, hier nochmal mein Problem, ich seh da irgendwie nicht durch.

    Bildeinstellungen

    Breite: 200
    Höhe: 200

    sizes: (max-width: 991px) 100vw, 200px
    pixeldichte: 1x,2x

    Wenn ich nun den Browser verkleiner auf 991 und kleiner, wird das Bild was ja 400px breit ist, aufgezerrt, was nicht sein soll.

    Wie umgeh ich das?
    Danke

  4. #4
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    34.094
    Partner-ID
    10107

    Standard

    (max-width: 991px) 100vw bedeutet, dass das Bild ab unter 991 Pixel Viewport Breite auf die volle Breite des Viewports vergrößert werden soll. Wenn das nicht so sein soll, darfst du auch nicht so eine Angabe machen .

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •