OnceHesap

CSS-clamp()-Generator

Erstelle einen fluiden clamp()-Wert, der deine Schriftgröße geschmeidig zwischen zwei Viewport-Breiten skaliert.

So funktioniert's

  1. Geben Sie Ihre Werte in die Felder oben ein.
  2. Klicken Sie auf "Berechnen", um das Ergebnis zu sehen.
  3. Nutzen Sie "Teilen", um Ihr Ergebnis zu senden.

Über diesen Rechner

Dieses Tool generiert eine responsive CSS-Funktion clamp() für fließende Typografie — clamp(min, preferred, max) —, wobei der preferred-Wert ein berechneter, vw-basierter Ausdruck ist, der die Schriftgröße stufenlos zwischen einer minimalen und maximalen Viewport-Breite skaliert, sodass sie über die gewählten Grenzen hinaus weder weiter wächst noch schrumpft.

Frontend-Entwickler nutzen es, um nicht mehrere Media-Query-Breakpoints schreiben zu müssen, nur um Überschriften und Fließtext anzupassen, und erhalten stattdessen eine einzige CSS-Regel, die fließend skaliert. Minimale und maximale Schriftgröße sowie den Viewport-Bereich eingeben, um eine einsatzbereite clamp()-Regel zu erhalten.

Was this helpful?

Comments (0)

  • Be the first to comment.

Beliebte Rechner

Kreditrechner

Monatliche Rate, Gesamtzinsen und vollständiger Tilgungsplan.

Prozentrechner

Prozentuale Veränderung, Prozent von, und Verhältnisberechnungen.

Rabattrechner

Berechnen Sie den Endpreis, die Ersparnis und den Rabattbetrag.

BMI-Rechner

Body-Mass-Index aus Größe und Gewicht (metrisch oder imperial).

Altersrechner

Berechnen Sie Ihr genaues Alter in Jahren, Monaten und Tagen aus dem Geburtsdatum.

Zinseszinsrechner

Berechnen Sie den Endbetrag und die verdienten Zinsen mit Zinseszins.

Alle Rechner