ConverterHub

CSS clamp() generatorius

Sukurkite sklandžią clamp() reikšmę, kuri tolygiai keičia šrifto dydį tarp dviejų vaizdo srities pločių.

Kaip naudotis

  1. Įveskite reikiamas reikšmes į laukus.
  2. Spustelėkite „Skaičiuoti“, kad pamatytumėte rezultatą.
  3. Nukopijuokite arba pasidalykite rezultatu mygtuku „Dalytis“.

Apie šią skaičiuoklę

Šis įrankis sugeneruoja prisitaikančią CSS funkciją clamp(), skirtą lanksčiai tipografijai – clamp(min, pageidaujama, max) – kur pageidaujama reikšmė yra apskaičiuota vw pagrindu sudaryta išraiška, kuri sklandžiai keičia šrifto dydį tarp minimalaus ir maksimalaus vaizdo srities pločio, todėl jis nebeauga ir nebemažėja už jūsų nustatytų ribų.

Front-end kūrėjai juo naudojasi, kad nereikėtų rašyti kelių media-query lūžio taškų vien tam, kad pakeistų antraščių ir pagrindinio teksto dydį – taip gaunama viena CSS taisyklė, kuri keičiasi sklandžiai. Įveskite minimalų ir maksimalų šrifto dydį bei vaizdo srities intervalą, kad gautumėte paruoštą įklijuoti clamp() taisyklę.

Was this helpful?

Galite pasirinkti iki 3 reakcijų.

Comments (0)

  • Be the first to comment.

Populiariausi skaičiuotuvai

Paskolos įmokų skaičiuoklė

Įvertinkite mėnesinę paskolos įmoką, bendras palūkanas ir grąžinimo kainą.

Procentų skaičiuotuvas

Procentinis pokytis, procentas nuo ir santykiniai skaičiavimai.

Nuolaidų skaičiuoklė

Apskaičiuokite galutinę kainą pritaikius nuolaidą ir sužinokite, kiek sutaupote.

KMI skaičiuoklė

Apskaičiuokite kūno masės indeksą pagal ūgį ir svorį.

Amžiaus skaičiuoklė

Apskaičiuokite tikslų amžių metais, mėnesiais ir dienomis.

Sudėtinių palūkanų skaičiuoklė

Apskaičiuokite galutinę sumą ir uždirbtas palūkanas su kapitalizacija.

Visi skaičiuotuvai