ConverterHub

Generator CSS clamp

Construiește o valoare fluidă clamp() care scalează lin dimensiunea fontului între două lățimi de viewport.

Cum se folosește

  1. Introduceți valorile necesare în câmpuri.
  2. Apăsați „Calculează” pentru a vedea rezultatul.
  3. Copiați sau distribuiți rezultatul cu butonul „Distribuie”.

Despre acest calculator

Acest instrument generează o funcție CSS clamp() responsivă pentru tipografie fluidă — clamp(min, preferred, max) — unde valoarea preferată este o expresie calculată bazată pe vw, care scalează lin dimensiunea fontului între o lățime minimă și maximă a ferestrei de vizualizare, astfel încât aceasta se oprește din a crește sau a se micșora dincolo de limitele alese.

Dezvoltatorii front-end îl folosesc pentru a evita scrierea mai multor puncte de întrerupere media-query doar pentru a redimensiona titlurile și textul corpului, obținând în schimb o singură regulă CSS care se scalează fluid. Introduceți dimensiunile minimă și maximă ale fontului și intervalul ferestrei de vizualizare pentru a obține o regulă clamp() pregătită de lipit.

Was this helpful?

Puteți alege până la 3 reacții.

Comments (0)

  • Be the first to comment.

Calculatoare populare

Calculator de credit

Rată lunară, dobândă totală și grafic complet de rambursare.

Calculator de procente

Variație procentuală, procent din și calcule de proporții.

Calculator de reducere

Calculați prețul final, economiile și valoarea reducerii.

Calculator IMC

Indicele de masă corporală din înălțime și greutate (metric sau imperial).

Calculator de vârstă

Calculează vârsta exactă în ani, luni și zile dintr-o dată de naștere.

Calculator de dobândă compusă

Calculează suma finală și dobânda câștigată cu capitalizare.

Toate calculatoarele