ConverterHub

Generátor CSS clamp

Vytvořte plynulou hodnotu clamp(), která hladce škáluje velikost písma mezi dvěma šířkami viewportu.

Jak používat

  1. Zadejte své hodnoty do polí výše.
  2. Klikněte na "Vypočítat" a zobrazí se výsledek.
  3. Pomocí tlačítka "Sdílet" odešlete svůj výsledek.

O této kalkulačce

Tento nástroj generuje responzivní CSS funkci clamp() pro plynulou typografii — clamp(min, preferovaná, max) — kde preferovaná hodnota je vypočítaný výraz založený na vw, který plynule škáluje velikost písma mezi minimální a maximální šířkou viewportu, takže se za vámi zvolenými limity dál nezvětšuje ani nezmenšuje.

Front-end vývojáři ji používají, aby se vyhnuli psaní mnoha breakpointů v media query jen pro změnu velikosti nadpisů a textu, a získali tak jedno CSS pravidlo, které plynule škáluje. Zadejte minimální a maximální velikost písma a rozsah viewportu a získáte pravidlo clamp() připravené ke vložení.

Was this helpful?

Můžete vybrat až 3 reakce.

Comments (0)

  • Be the first to comment.

Oblíbené kalkulačky

Úvěrová kalkulačka

Měsíční splátka, celkový úrok a kompletní splátkový kalendář.

Procentní kalkulačka

Procentní změna, procento z hodnoty a poměrové výpočty.

Kalkulačka slevy

Vypočítejte konečnou cenu, úsporu a výši slevy.

BMI kalkulačka

Index tělesné hmotnosti z výšky a váhy (metrický nebo imperiální).

Kalkulačka věku

Vypočítejte přesný věk v letech, měsících a dnech od data narození.

Kalkulačka složeného úročení

Vypočítejte konečnou částku a získané úroky se složeným úročením.

Všechny kalkulačky