⭐ 0
🔍
Tekstas Vaizdas PDF ir dokumentai Garsas Muzika Elektronika Laikas Komunalinės paslaugos Validatoriai Ezoterinis Žaidimai

Nuo 16 iki 24 piks. sklandaus šrifto dydžio

Apskaičiuokite tikrąją skystą CSS clamp() vertę pagal minimalų ir maksimalų dydį per du peržiūros srities pločius, nuolydis ir sankirta rodomi žingsnis po žingsnio ir tiesioginė dydžio keitimo peržiūra.

Apdorojama... 0%

Rezultatas

Sklandus šrifto dydžio mastelio keitimas nuo 16 pikselių iki 24 pikselių yra vienas iš dažniausiai užduodamų klausimų atliekant CSS clamp() paieškas, nes 16 pikselių yra beveik universalus pagrindinio teksto numatytasis dydis, o 24 pikseliai yra dažnas žingsnis siekiant šiek tiek didesnės antraštės ar pagrindinės pastraipos. Šiame puslapyje atidaromas skaičiuotuvas su tiksliai ta pora, iš anksto užpildyta 320–1280 pikselių peržiūros srities diapazone, todėl clamp() eilutė yra paruošta ją įkėlus.

Jei jums reikia tik statinio rem arba em atitikmens 16 pikselių arba 24 pikselių (be jokio peržiūros srityje pagrįsto mastelio), pikselių į rem konverteris atsako vienu veiksmu; Šis skaičiuotuvas skirtas tiems atvejams, kai pati reikšmė turėtų sklandžiai keistis, kai keičiasi naršyklės lango dydis, o ne likti fiksuota ties viena rem verte.

Žemiau pateiktas suskirstymas tiksliai parodo, kaip 16 pikselių ir 24 pikselių paverčia nuolydžiu, vw koeficientu ir y ašies sankirta, o tiesioginės peržiūros slankiklis leidžia vilkti per 320–1280 pikselių diapazoną ir stebėti, kaip tekstas auga nuo vieno dydžio iki kito realiuoju laiku, prieš nukopijuodami CSS eilutę į stiliaus lapą.

🛡️
Vykdoma naršyklėje

Jūsų failai ir įvestis niekada nepalieka šio įrenginio. Apdorojimas vykdomas visiškai neprisijungus. 100% saugus.

Priimami formatai ir taisyklės

  • Tikra skysčių tipografijos matematika: nuolydis, vw koeficientas ir y ašies sankirta rodoma aiškiai, o ne tik galutinė clamp() linija.
  • Tiesioginė peržiūra: vilkite peržiūros srities pločio slankiklį, kad pamatytumėte, kaip pavyzdinis teksto dydis keičiamas tiksliai taip, kaip būtų keičiamas tikrojo naršyklės lango dydis.
  • Tipo mastelio režimas: bazinis dydis ir santykis nuo 1,125 iki 1,5 sukuria šešis skysčio spaustuko () žingsnius – mažas, bazinis, h4, h3, h2, h1 – kaip kopijavimui paruoštą CSS.

Pagrindiniai privalumai

✓ Clamp() linija, nuolydžio ir sankryžos numeriai bei tiesioginė peržiūra atnaujinami vedant tekstą – nereikia spausti mygtuko.
✓ Peržiūros srities pločio slankiklis valdo tiesioginės peržiūros laukelį, todėl matote tikslų skysčio mastelį veikiant tarp min. ir maks. lūžio taškų, o ne tik formulę.
✓ Atskiras tipo skalės režimas vieną bazinį dydį ir santykį paverčia visa 6 pakopų skysčio antraštės skale, paruošta kaip tinkintų CSS ypatybių blokas.

Naudojimo atvejai

  • • Paverskite minimalų / maksimalų šrifto dydį ir peržiūros srities diapazoną į tikrą clamp() liniją (įskaitant nuolydį, VW koeficientą ir sankirtą), o ne žvelgdami į vieną iš mokymo programos.
  • • Vilkite peržiūros srities pločio slankiklį, kad peržiūrėtumėte sklandžią antraštę arba kūno dydžio keitimą tiksliai taip, kaip būtų keičiamas tikrojo naršyklės lango dydis, prieš įtraukdami jį į stiliaus lapą.
  • • Sugeneruokite visą 6 pakopų skysčio tipo skalę (nuo mažos iki h1) iš vieno bazinio dydžio ir santykio, nukopijuotą kaip paruoštą įklijuoti CSS tinkintų ypatybių bloką.
  • • Vietoj šrifto dydžio sukurkite skystą spaustuką () tarpams (paraštė, užpildymas, tarpas) – ta pati nuolydžio / sankirtos formulė taikoma bet kuriai CSS ypatybei.