Fragebogen für alle Geräte - mobile Ansicht: Unterschiedliche Schriftgröße der Antworten vs. der Frage im mobilen Design

Question

Hallo liebes SoSci-Team,

ich habe einen Fragebogen "für alle Geräte" erstellt. In diesem Fragebogen wird auf jeder Fragebogenseite ein Quiz durchgeführt, der im Grundsatz folgendem Aufbau folgt:

1. Ein kurzer Text
2. Eine Frage zum Text
3. Vier Antwortmöglichkeiten (Diese sind in der Antwortdarstellung "cards" bereitgestellt).

Problem:
Grundsätzlich hat 3. eine unterschiedliche Schriftgröße in der mobilen oder Tablet Ansicht.

Beispiel:
Sowohl in der Laptop- als auch Tablet-Ansicht haben 1.-3. die gleiche Schriftgröße (16px, welche ich im Layoutdesign festgelegt habe).

In der mobilen Ansicht haben 1. & 2. ebenfalls die Schriftgröße 16, jedoch nicht 3.

Passe ich mit "span style="font size: 1em;" Antwort 1-4 /span" per HTML manuell die Schriftgröße der Antworten an, sind zwar 1-3 im mobilen und Laptop-Design gleich. In der Tablet-Ansicht ist nun 3 aber verhältnismäßig größer dargestellt als 1. & 2.

Frage:
Woran liegt diese unterschiedliche Darstellung? Gibt es eine Möglichkeit dies zu lösen, sodass die Antworten im mobilen Design besser zu lesen sind?

Hier ist ein exemplarisches Bild der mobilen Ansicht:

Vielen Dank schon mal im Voraus.

LG

Answer 1

Ich vermute sehr stark, dass die unterschiedlichen Schriftgrößen gerade daran liegen, dass da bereits manuell etwas angepasst wurde. Das passiert ziemlich schnell, wenn man einen Text in der Darstellungsvariante "formatierter Text" verwendet, und dann z.B: Inhalte aus Word dort hinein kopiert.

Aus dem Screenshot kann ich nicht ohne weiteres entnehmen, an welcher Stelle in SoSci die Texte platziert wurden. Aber wenn es dort die Auswahl "formatierter Text" gibt, dann ändern Sie diese bitte auf "einfacher Text". Wenn Sie den Text vorher rauskopieren und nachher wieder einfügen, spart das Arbeit.

Wenn der mit Nr. 3 markierte Text an anderer Stelle verwendet wurde, dann beschreiben Sie bitte kurz, wo. Gerne können Sie auch einen Pretest-Link direkt (!) zur betroffenen Seite als Kommentar auf diese Antwort schicken - sofern das Quiz nicht noch geheim ist.

Comments

Vielen Dank für die schnelle Antwort.

Der Text (Nr. 1) wird als Textbaustein der Darstellungsvariante "HTML-Format" formatiert und in den Fragebogen gezogen. Dabei wird auf den Text folgende CSS-Formatierung angewendet:  

.context-ind {
-ms-user-select: None;
 -moz-user-select: None;
 -webkit-user-select: None;
 user-select: None;
padding-bottom: 20px;
}

Nr.2 & 3 werden als Fragetyp "Selection with Cards" in den Fragebogen gezogen. Auf diese wurde keine zusätzliche manuelle Formatierung angewendet.

---

Ich habe noch im obigen Link ein Bild beigefügt, was hoffentlich hilft, insofern ich Ihre Aussagen richtig verstanden habe.