fixierter Text bei unterschiedlichen Bildschirmgrößen

Question

Hallo allerseits,

gibt es eine Möglichkeit Elemente so zu fixieren, dass bei kleinen Bildschirmen keine neuen Zeilenumbrüche entstehen?
Hier im Forum ist es zum Beispiel der Fall, dass wenn ich das Browser Fenster verkleinere, sich die Inhalte nicht anpassen.
In meinem Fragebogen wird der Text in einem Baustein bei selbigem Vorgehen immer kleiner (bzw. schmaler) skaliert, sodass immer alles an Text zu sehen ist. Das würde ich gerne vermeiden. Es sollen also keine neuen Zeilenumbrüche entstehen.

Answer 1

Standardmäßig sind die Layouts von SoSci Survey so programmiert, dass sich sich an die Bildschirmgröße anpassen (responsive Layout). Wäre das nicht so, würden Sie einen großen Teil der Teilnehmer verlieren, die den Fragebogen per Smartphone ausfüllen. Im Durchschnitt sind das etwas mehr als 20% aller Teilnehmer.

Wenn Sie das nicht haben möchten, kommt es ein wenig darauf an, welches Layout Sie verwenden. Im Standard-Layout finden Sie in der HTML-Vorlage z.B. folgende Zeile:

div.questionary { min-width: 300px; max-width: %width%; margin: 14px auto 0px auto; padding: 0 10px }

Das bedeutet: Der Fragebogen darf nicht schmaler als 300 Pixel werden, die maximale Breite wird im vorderen Karteireiter des Layouts festgelegt.

Ersetzen Sie die 300 Pixel durch %width%, kann sich die Breite nicht mehr ändern:

div.questionary { min-width: %width%; max-width: %width%; margin: 14px auto 0px auto; padding: 0 10px }

Natürlich können Sie die Breite auch einfach ohne Minimum und Maximum angeben:

div.questionary { width: %width%; margin: 14px auto 0px auto; padding: 0 10px }