ConverterHub

CSS clamp() ģenerators

Izveido plūstošu clamp() vērtību, kas vienmērīgi mērogo tava fonta izmēru starp divām skatvietas platumiem.

Kā lietot

  1. Ievadiet vajadzīgās vērtības laukos.
  2. Noklikšķiniet uz “Aprēķināt”, lai redzētu rezultātu.
  3. Nokopējiet vai kopīgojiet rezultātu ar pogu “Kopīgot”.

Par šo kalkulatoru

Šis rīks izveido adaptīvu CSS clamp() funkciju elastīgai tipografijai — clamp(min, vēlamā, max) — kur vēlamā vērtība ir aprēķināta uz vw balstīta izteiksme, kas gludi mēroga jūsu fonta izmēru starp minimālo un maksimālo skatloga platumu, tāpēc tas pārtrauc augt vai samazināties ārpus jūsu izvēlētajām robežām.

Front-end izstrādātāji to izmanto, lai izvairītos no vairāku media-query robežpunktu rakstīšanas tikai, lai pārmainītu virsrakstu un pamatteksta izmēru, tā vietā iegūstot vienu CSS kārtulu, kas mērogojas gludi. Ievadiet savu minimālo un maksimālo fonta izmēru un skatloga diapazonu, lai iegūtu gatavu ielīmēšanai clamp() kārtulu.

Was this helpful?

Varat izvēlēties līdz 3 reakcijām.

Comments (0)

  • Be the first to comment.

Populārākie kalkulatori

Aizdevuma kalkulators

Ikmēneša maksājums, kopējie procenti un pilns maksājumu grafiks.

Procentu kalkulators

Procentu izmaiņas, procents no un attiecību aprēķini.

Atlaides kalkulators

Aprēķiniet galīgo cenu, ietaupījumu un atlaides summu.

ĶMI kalkulators

Ķermeņa masas indekss no auguma un svara (metriskā vai imperiālā).

Vecuma kalkulators

Aprēķiniet precīzu vecumu gados, mēnešos un dienās no dzimšanas datuma.

Saliktā procenta kalkulators

Aprēķiniet gala summu un nopelnītos procentus ar kapitalizāciju.

Visi kalkulatori