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

Penjana Pengapit () Jarak 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

CSS clamp() berfungsi dengan cara yang sama untuk jarak seperti yang dilakukan untuk saiz fon — sifat kebetulan adalah margin, padding atau gap dan bukannya saiz fon. Halaman ini membuka kalkulator dengan julat 8px hingga 32px merentasi port pandang 320px hingga 1280px, langkah biasa untuk padding bahagian atau jurang kad yang sepatutnya terasa ketat pada telefon dan lapang pada desktop tanpa pertanyaan media yang kelihatan.

Matematik asas tidak mengambil kira apa yang diwakili oleh nombor: formula cerun dan persilangan paksi-y yang sama yang menghasilkan saiz pengepala bendalir menghasilkan nilai jarak bendalir, jadi pecahan di bawah menunjukkan dengan tepat bagaimana 8px dan 32px bertukar menjadi garisan pengapit() sedia salin untuk padding: clamp(...).

Seret peluncur lebar-pandang pandang untuk melihat bagaimana jarak akan dirasakan pada sebarang lebar antara dua titik putus, laraskan nilai min dan maks untuk julat yang lebih ketat atau lebih longgar dan salin garisan siap terus ke mana-mana sifat jarak yang memerlukannya.

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