Schriftgrösse der Bildschirmbreite anpassen ?

[Gunnar Bittersmann]

@@TS

In die Berechnung muss schon eine Mindestschriftgröße mit rein: font-size: calc(0.8rem + 3vw)

Könntet Du bitte noch erklären, wie sich das mit der Viewport-Width berechnet? In welcher Einheit wird die denn normalerweise gemessen? Sind das nicht Pixel?

Irgendwann muss zur Ausgabe auf den Bildschirm in Device-Pixel umgerechnet werden, ja.

Zur Erklärung beziehe ich mich jetzt aber mal auf CSS-Pixel, im Folgenden „px“ genannt.

Angenommen, der Viewport ist 320px breit und die Basisschriftgröße ist 16px. Dann ist die berechnete Schriftgröße 0.8 · 16px + 0.03 · 320px = 12.8px + 9.6px = 22.4px.

Bei einer Viewportbreite von 1440px ergibt sich: 0.8 · 16px + 0.03 · 1440px = 12.8px + 43.2px = 56px.

Irgendwie leuchtet mir das nicht ein, wie ein vermutlich doch recht großer Wert sich auf meistens doch eher kleine Font-Size-Werte auswirkt.

Du warst nicht dem Irrtum aufgesessen, vw hieße viewport width? Es sind Prozent der Viewportbreite.

LLAP 🖖