Darstellung am Smartphone

Question

Sehr geehrte Damen und Herren,

für eine Studie im Zuge meines Studiums habe ich eine Befragung über SoSci erstellt. Darin eingegliedert ist eine Randomisierung, ein Video als Stimulus bei der IG sowie eine externe Seite, die als iframe in die Befragung eingebunden ist (und die beide Gruppen) dargeboten wird. Die Befragung ist jetzt auch so weit fertig konzipiert und die Darstellung am PC funktioniert wunderbar. Problematisch ist aber die Darstellung auf dem Smartphone. Das betrifft insbesondere die Darstellung der externen Seite im iframe. Dort kommt es zu starken Verzerrungen bzw. es ist geradezu unmöglich, auf der Seite zu navigieren.

Ich habe nun recherchiert und gelesen, dass es ein Fragebogen-Layout für Smartphones gibt. Leider ist dieses Layout nicht bei mir im Register aufgeführt. Können Sie mir bitte sagen, wo ich dieses finde bzw. freue ich mich auch über Tipps zur besseren Darstellung auf dem Handy.

Vielen Dank für die Mühe.

Beste Grüße

Comments

Das Fragebogen-Layout für Smartphones ist veraltet und exisitiert nicht mehr. Jetzt sind alle Fragen dynmanisch und passen sich automatish der Bildschirmgröße an. Probleme gibt es allerdings zum Beispiel bei zusammengesetzten Fragen.

ALlerdings müssen die Fragen dazu auf dynamisch eingestellt sein (was eigentlich die Standardeinstellung sein sollte)

Answer 1

die als iframe in die Befragung eingebunden ist

iFrames sind generell nicht ganz einfach. Sie können die Breite des iFrame aber per CSS mit width: 100% definieren - dann stimmt zumindest dessen Breite. Ob sich der Inhalt dann entsprechend anpasst, dafür ist die Seite verantwortlich, die den Inhalt liefert.

Wenn Sie die Höhe passend zur Breite haben möchten, sehen Sie sich bitte die CSS-Eigenschaft aspect-ratio an.