⭐ 0
🔍
Teks Imej PDF & Dokumen Audio Muzik elektronik Masa Utiliti Pengesah Esoterik Permainan

Penjana Skala Jenis Bendalir

Kira nilai clamp() CSS bendalir sebenar daripada saiz min dan maks merentas dua lebar port pandangan, dengan cerun dan persimpangan ditunjukkan langkah demi langkah dan pratonton ubah saiz secara langsung.

Memproses... 0%

Hasilnya

Halaman ini membuka kalkulator terus dalam mod skala jenis dengan asas 16px dan nisbah 1.25 (pertiga utama) telah dipilih — titik permulaan pepejal yang digunakan secara meluas untuk skala tipografi. Daripada dua nombor itu sahaja, enam saiz dijana: kecil, asas, h4, h3, h2 dan h1, setiap satu nilai pengapit bendalir () sendiri dan bukannya saiz tetap tunggal.

Setiap langkah memastikan saiz asas berlabuh pada nilai yang sama pada kedua-dua hujung mudah alih dan desktop, manakala tajuk meningkat dengan lebih agresif pada port pandangan desktop yang lebih luas daripada pada mudah alih yang sempit — idea yang sama seperti memilih nisbah yang lebih lembut untuk skrin kecil dan yang lebih berani untuk skrin besar, yang diperoleh secara automatik daripada nisbah tunggal yang anda pilih.

Menukar nisbah kepada 1.125, 1.2, 1.333 atau 1.5 menjana semula seluruh jadual dengan serta-merta, dan butang di bawahnya menyalin kesemua enam nilai clamp() sebagai blok sedia untuk tampal sifat tersuai CSS untuk seluruh lembaran gaya untuk dirujuk.

🛡️
Dilaksanakan dalam Pelayar

Fail dan input anda tidak pernah meninggalkan peranti ini. Pemprosesan berjalan sepenuhnya di luar talian. 100% Selamat.

Format & Peraturan yang Diterima

  • Matematik bendalir-tipografi sebenar: cerun, pekali vw dan persimpangan paksi-y ditunjukkan secara eksplisit, bukan hanya garisan pengapit() akhir.
  • Pratonton langsung: seret peluncur lebar-pandangan untuk menonton saiz teks sampel betul-betul seperti yang dilakukan semasa tetingkap penyemak imbas sebenar diubah saiznya.
  • Mod skala jenis: saiz asas dan nisbah daripada 1.125 hingga 1.5 menjana enam langkah pengapit () bendalir — kecil, asas, h4, h3, h2, h1 — sebagai CSS sedia salin.

Faedah Utama

✓ Garis pengapit(), nombor cerun dan persimpangan, dan pratonton langsung semua kemas kini semasa anda menaip — tiada butang untuk ditekan.
✓ Gelangsar lebar port pandang memacu kotak pratonton langsung, jadi anda melihat penskalaan bendalir yang tepat dalam tindakan antara titik putus min dan maks, bukan sekadar formula.
✓ Mod skala jenis yang berasingan menukarkan satu saiz asas dan nisbah kepada skala pengepala bendalir 6 langkah penuh, sedia sebagai blok sifat tersuai CSS.

Kes Penggunaan

  • • Tukar saiz fon min/maks dan julat port pandangan menjadi garisan penjepit() sebenar — cerun, pekali vw dan persilangan disertakan — bukannya melihat satu daripada tutorial.
  • • Seret peluncur lebar port pandang untuk pratonton tajuk bendalir atau saiz badan yang diubah suai sama seperti semasa tetingkap penyemak imbas sebenar diubah saiznya, sebelum memasukkannya ke helaian gaya.
  • • Hasilkan skala jenis bendalir 6 langkah penuh (kecil hingga h1) daripada satu saiz asas dan nisbah, disalin sebagai blok sedia untuk tampal sifat tersuai CSS.
  • • Bina pengapit bendalir() untuk jarak (margin, padding, gap) dan bukannya saiz fon — formula cerun/simpangsi yang sama digunakan untuk mana-mana sifat CSS.