⭐ 0
🔍
Text Imagine PDF și Documente Audio Muzică Electronică Timp Utilitare Validatoare Ezoterism Jocuri

Dimensiunea fontului fluid de la 16 la 24 px

Calculați o valoare reală fluidă CSS clamp() dintr-o dimensiune minimă și maximă pe două lățimi ale ferestrei de vizualizare, cu panta și intersecția afișate pas cu pas și o previzualizare live a redimensionării.

Procesare... 0%

Rezultat

Scalarea fluidă a unei dimensiuni a fontului de la 16 px la 24 px este una dintre cele mai frecvente întrebări în căutările CSS clamp() , deoarece 16 px este valoarea implicită aproape universală a textului corporal, iar 24 px este un pas frecvent pentru un titlu sau un paragraf mai mare puțin mai mare. Această pagină deschide calculatorul cu exact acea pereche precompletată într-un interval de vizualizare de la 320 px până la 1280 px, astfel încât linia clamp() este gata în momentul în care se încarcă.

Dacă aveți nevoie doar de rem static sau echivalentul em a 16px sau 24px — fără nicio scalare bazată pe viewport — convertorul px în rem răspunde la asta într-un singur pas; acest calculator este pentru cazul în care valoarea în sine ar trebui să se schimbe fără probleme pe măsură ce fereastra browserului se redimensionează, mai degrabă decât să rămână fixă ​​la o valoare rem.

Defalcarea de dedesubt arată exact cum se transformă 16px și 24px într-o pantă, un coeficient vw și o intersecție a axei y, iar glisorul de previzualizare live vă permite să trageți prin intervalul 320–1280px pentru a vedea cum textul crește de la o dimensiune la alta în timp real înainte de a copia linia CSS în foaia de stil.

🛡️
Rulat în browser

Fișierele și datele introduse nu părăsesc niciodată acest dispozitiv. Procesarea rulează complet offline. 100% sigur.

Formate și reguli acceptate

  • Matematică tipografie fluidă reală: panta, coeficientul vw și intersecția axei y prezentate în mod explicit, nu doar linia finală clamp().
  • Previzualizare live: trageți glisorul pentru lățimea ferestrei de vizualizare pentru a viziona textul eșantion redimensionat exact așa cum ar fi în timp ce o fereastră de browser reală este redimensionată.
  • Modul tip scară: o dimensiune de bază și un raport de la 1,125 la 1,5 generează șase pași fluid clamp() - mic, de bază, h4, h3, h2, h1 - ca CSS gata de copiere.

Beneficii cheie

✓ Linia clamp(), numerele de pantă și de intersecție și previzualizarea în direct se actualizează pe măsură ce tastați - fără buton de apăsat.
✓ Un glisor pentru lățimea ferestrei de vizualizare conduce o casetă de previzualizare live, astfel încât să vedeți scalarea fluidă exactă în acțiune între punctele de întrerupere minime și maxime, nu doar o formulă.
✓ Un mod separat de scară de tip transformă o dimensiune și un raport de bază într-o scară completă de direcție fluidă în 6 pași, gata ca un bloc de proprietăți personalizate CSS.

Cazuri de utilizare

  • • Transformați o dimensiune min/max a fontului și un interval de vizualizare într-o linie clamp() reală - panta, coeficientul vw și intersecția incluse - în loc să vedeți unul dintr-un tutorial.
  • • Trageți un glisor pentru lățimea ferestrei de vizualizare pentru a previzualiza o redimensionare a unui titlu fluid sau a dimensiunii corpului exact așa cum ar fi în timp ce o fereastră de browser reală este redimensionată, înainte de a o trimite într-o foaie de stil.
  • • Generați o scară completă de tip fluid în 6 trepte (de la mic până la h1) de la o dimensiune de bază și un raport, copiat ca un bloc gata de lipit de proprietăți personalizate CSS.
  • • Construiți un fluid clamp() pentru spațiere (marja, umplutură, decalaj) în loc de dimensiunea fontului - aceeași formulă de pantă/intersecție se aplică oricărei proprietăți CSS.