Wie kann ich meine Seiten des Surveys an die Bildschrimgröße der verwendeten Endgeräte der Teilnehmenden anpassen?

Question

Hallo,

für meine Erhebung bekommen die Teilnehmenden auf mehreren Seiten jeweils ein Bild mit einem Item, also einer Frage mit Antwortskala angezeigt. Die Teilnehmenden dürfen für die Beantwortung dieses Items nicht scrollen müssen. Mit meiner aktuellen Darstellung funktioniert das bei großen Bildschirmen, nicht jedoch bei kleinen (Mobile Endgeräte werden für die Teilnahme ausgeschlossen, es geht also nur um die Darstellung an Computern bzw. Laptops).
Meine Idee ist einen HTML Code zu schreiben, der dafür sorgt, dass sich der Seiteninhalt abhängig von der genutzten Bildschirmgröße anpasst, so dass nicht gescrollt werden muss.

Ich hatte eine Idee mit PHP (um CSS einzufügen)- und HTML-Code, die leider nicht funktioniert hat und den ich leider hier nicht eingefügt bekomme.
Ich freue mich über jede Hilfe und Idee!

Comments

Posten Sie gerne Ihren Code (in der Frage selbst können Sie den Code markieren und dann mit dem Knopf {} als Code formatieren, in den Kommentaren geht es u.U. noch einfacher), und am besten auch einen Pretest-Link direkt (!) zur betroffenen Seite im Fragebogen.