CSS-clamp()-Rechner
Geben Sie eine Größe bei kleinem Viewport und eine bei großem an. Sie bekommen das clamp(), das sanft dazwischen wandert — in rem, damit es die Schriftgröße im Browser des Lesers weiterhin respektiert.
Franz jagt im Taxi
Typografische Skala
Warum rem und nicht px
Eine Größe in px ignoriert die Schriftgröße, die der Leser im Browser gewählt hat. Dieselbe Deklaration in rem skaliert mit: Wer 20px als Standard eingestellt hat, bekommt größeren Text statt Ihrer festen 16. Der Viewport-Term bleibt ohnehin in vw — dabei geht es um Bildschirmbreite, nicht um Leserpräferenz.
FAQ
Was macht der mittlere Term?
Es ist eine Gerade durch Ihre beiden Punkte: ein Achsenabschnitt plus eine Steigung in vw. Unterhalb des kleinen Viewports rastet sie am Minimum ein, oberhalb des großen am Maximum.
Darf das Maximum kleiner als das Minimum sein?
Ja, und clamp() funktioniert weiterhin — aber das Ergebnis schrumpft, während der Bildschirm wächst, und das will fast niemand. Die Seite weist darauf hin, wenn es passiert.
Wird irgendetwas an eure Server gesendet?
Nein. Das ist Arithmetik in Ihrem Browser; nichts von dem, was Sie tippen, verlässt die Seite.
Gebaut vom GO AI-Team. Alle kostenlosen Tools