Penjana Pengapit () Saiz Fon 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.
Hasilnya
Halaman ini membuka kalkulator dengan persediaan saiz fon bendalir tujuan umum yang telah diisi: 16px pada port pandangan 320px sehingga 24px pada port pandangan 1280px. Itu ialah julat badan-ke-sedikit-lebih besar yang selesa yang berskala lancar daripada skrin telefon biasa kepada tetingkap desktop biasa, dan ini adalah persediaan yang kebanyakan orang maksudkan apabila mereka mencari pengapit() saiz fon cecair di tempat pertama.
Empat nombor terbuka untuk diubah: naikkan saiz maksimum untuk tajuk dan bukannya teks badan, atau sempitkan julat port pandangan jika reka bentuk hanya perlu melentur antara tablet dan titik putus desktop. Walau apa pun yang anda masukkan, persimpangan cerun dan paksi-y dikira semula dengan cara yang sama dan ditunjukkan sebagai aritmetik eksplisit, tidak tersembunyi di dalam baris akhir.
Di bawah empat input, peluncur lebar-pandang pandang memacu pratonton langsung supaya penskalaan kelihatan serta-merta dan baris pengapit() sedia salin hanya dengan satu klik sahaja. Menukar unit output antara rem dan px mengira semula setiap nombor tanpa menyentuh nilai saiz min dan maksimum itu sendiri.