Fließende Typografie mit CSS clamp
Interpolieren Sie eine eingeklemmte Schriftgröße zwischen zwei Ansichtsweiten und leiten Sie äquivalente Rem-plus-vw-Koeffizienten ab.
IHRE BERECHNUNG
Ergebnis
—
Rechenschritte
Gehen Sie die Schritte einzeln durch oder zeigen Sie die gesamte Berechnung an. Die Schritte verwenden Ihre aktuellen Eingaben.
Berechnungsmethode
Klemmen Sie die affine Interpolation auf ihre Endpunktgrößen und drücken Sie den Abfang mit der eingegebenen Rem-Referenz aus.
Slope=(sizeHigh−sizeLow)/(widthHigh−widthLow); preferred px=intercept+slope×viewport px
Rechenbeispiel
16 px bei 320 px und 24 px bei 1280 px geben 20 px bei 800 px.
Annahmen und Hinweise zu den Eingaben
Erfordert zunehmende Viewport-Breiten und nicht abnehmende Endpunktgrößen. Koeffizienten entsprechen der eingegebenen Root-Größe; geänderte Root-Schriftgröße kann das Browser-Verhalten ändern. Es wird kein CSS auf diese Seite angewendet.
Hinweise zum Rechner
Kann ich eigene Werte eingeben?
Ja. Ersetzen Sie die Beispielwerte durch Ihre eigenen Eingaben. Ergebnis, Rechenschritte, Tabellen und gegebenenfalls Diagramme werden entsprechend aktualisiert. Bei leeren oder ungültigen Eingaben wird das Ergebnis gelöscht. Fehlende Angaben werden niemals unbemerkt durch Beispielwerte ersetzt.
Sind die Ergebnisse exakt?
Die Ergebnisse beruhen auf Gleitkommaarithmetik und werden für die Anzeige gerundet. Beachten Sie die Formel, die Annahmen und die gegebenenfalls angegebene Datengenauigkeit.
Werden meine Eingaben hochgeladen?
Die Berechnung erfolgt in Ihrem Browser. Ein Benutzerkonto, Datei-Uploads oder ein externer KI-Dienst sind nicht erforderlich. Beim Neuladen der Seite werden die Eingaben zurückgesetzt.
Konvertieren px, rem, em, percent und CSS-Punktgrößen mit getrennten eingegebenen root- und Parent-Schriftgrößen.
Generieren Sie eine geometrische Skala von einer Basisgröße und einem Verhältnis mit Pixel- und Rem-Werten.
Geben Sie zwei bekannte Punkte und ein Ziel x oder y ein. Berechnen Sie die andere Koordinaten, sehen Sie das gerade Linienmodell und unterscheiden Sie die Interpolation deutlich von der Extrapolation.
Reservierter Werbeplatz.