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

Skysčio šrifto dydžio gnybtas() generatorius

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

Šiame puslapyje atidaromas skaičiuotuvas su jau užpildyta bendrosios paskirties sklandaus šrifto dydžio sąranka: 16 pikselių 320 pikselių peržiūros srityje iki 24 pikselių 1280 pikselių peržiūros srityje. Tai patogus korpuso ir šiek tiek didesnio diapazono diapazonas, sklandžiai keičiantis nuo įprasto telefono ekrano iki įprasto darbalaukio lango, ir tai yra sąranka, kurią dauguma žmonių turi omenyje, kai pirmiausia ieško sklandaus šrifto dydžio spaustuko ().

Keturi skaičiai gali būti keičiami: padidinkite maksimalų antraštės, o ne pagrindinio teksto dydį, arba susiaurinkite peržiūros srities diapazoną, jei dizainas turi būti tik tarp planšetinio kompiuterio ir darbalaukio pertraukos taško. Kad ir ką įvestumėte, nuolydis ir y ašies sankirta perskaičiuojami taip pat ir rodomi kaip aiški aritmetika, o ne paslėpta paskutinėje eilutėje.

Po keturiomis įvestimis peržiūros srities pločio slankiklis rodo tiesioginę peržiūrą, kad mastelio keitimas būtų matomas iš karto, o kopijavimui paruošta spaustukas () yra vienu spustelėjimu. Perjungus išvesties vienetą tarp rem ir px, kiekvienas skaičius perskaičiuojamas nepaliečiant pačių min. ir maks. dydžio verčių.

🛡️
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.