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

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?

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 :)

(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 ;).