Bildgröße für Handynutzung anpassen

Question

Ich möchte in meinem Fragebogen gerne ein Bild pro Variante zeigen. In der normalen Webversion funktioniert alles, auf dem Handy sind die Bild leider viel zu groß. Wie kann ich dies anpassen? Hier der Link zum Pretest: https://www.soscisurvey.de/BP2020/?act=7Ct4mSaskW2fFPg64rQygwHR

Danke im voraus!

Answer 1

Wenn Sie das Bild wirklich in der Größe anpassen möchten, können Sie das wie folgt erreichen:

<img src="3neufinal.png" alt="" style="max-width:100%">

Aber dann kann man den Text auf einem kleinen Display nicht mehr lesen. Deshalb sollten Sie für kleine Displays eine zweite Grafik hinterlegen und abhängig von der Bildschirmgröße die richtige Grafik anzeigen.

Dieses "abhängig" können Sie entweder über pageCSS() und sog. "media queries" lösen. Oder über eine Frage "Gerät und übermittelte Variablen" und einen PHP-Filter.