HesapHanem

CSS clamp()-generator

Bygg ett flytande clamp()-värde som skalar din typstorlek jämnt mellan två viewport-bredder.

Så här använder du

  1. Ange dina värden i fälten ovan.
  2. Tryck på Beräkna för att se resultatet direkt.
  3. Använd Dela-knappen för att kopiera en länk till ditt resultat.

Om denna kalkylator

Det här verktyget genererar en responsiv CSS-funktion clamp() för flytande typografi — clamp(min, föredraget värde, max) — där det föredragna värdet är ett beräknat vw-baserat uttryck som skalar din teckenstorlek smidigt mellan en minsta och en största visningsbredd, så att den slutar växa eller krympa utanför dina valda gränser.

Frontend-utvecklare använder det för att undvika att skriva flera media-query-brytpunkter bara för att ändra storlek på rubriker och brödtext, och får istället en enda CSS-regel som skalar flytande. Ange din minsta och största teckenstorlek samt visningsbreddsintervallet för att få en klistra-in-klar clamp()-regel.

Var det här till hjälp?

Du kan välja upp till 3 reaktioner.

Kommentarer

  • Bli först med att kommentera.

Populära kalkylatorer

Lånkalkylator

Månadsbetalning, total ränta och fullständig amorteringsplan.

Procenträknare

Procentuell förändring, procent av och förhållandeberäkningar.

Rabattkalkylator

Beräkna slutpris, besparing och rabattbelopp.

BMI-räknare

Body mass index från längd och vikt (metriskt eller imperial).

Ålderskalkylator

Beräkna din exakta ålder i år, månader och dagar från ett födelsedatum.

Ränta-på-ränta-kalkylator

Beräkna slutbelopp och intjänad ränta med ränta-på-ränta.

Alla räknare