Responsive Font Size Tester

Teste dein Dreisatz-basiertes Schriftgrößensystem

Diese Überschrift passt sich responsiv an!

Die Schriftgröße der Überschrift ändert sich basierend auf der Containerbreite. Du kannst die Breite mit den Buttons, dem Slider oder durch Ziehen des blauen Griffs rechts anpassen.

Aktuelle Containerbreite: 100%

Containerbreite: 100%
Berechnete Schriftgröße: --px
200px 1200px 2200px

Breakpoint-Tests:

Erwartete Werte:

Breakpoint Erwartete Größe Zone
< 280px28px (fix)Unter-Bereich
280px28pxZone 1 Start
320px32pxZone 1 Ende
480px48px → 25px SPRUNGZone 2→3
768px40pxZone 3 Ende
1024px53.33px → 36px SPRUNGZone 4→5
1956px60pxZone 5 Ende
> 1956px60px (fix)Über-Bereich

Interaktives Schriftgrößen-Diagramm

Interaktion: Klicke irgendwo ins Diagramm um die Breite zu setzen • Ziehe den grünen Punkt für präzise Anpassung