Fluid Typography Generator Clamp CSS

Buat ukuran font responsif yang menyesuaikan lebar layar secara kontinu tanpa media query.

Dasar: Interpolasi linier matematis: font size = min + slope x (viewport width - min viewport width). Sumber: Spesifikasi CSS Values and Units Module Level 4 W3C.
Status: Belum dicocokkan dengan sumber resmi. Perlakukan angka dan aturan di halaman ini sebagai estimasi.

Ukuran font minimal layar ponsel (px)

Ukuran font maksimal layar desktop (px)

Batas bawah lebar layar ponsel (px)

Batas atas lebar layar desktop (px)

Keunggulan Tipografi Fluid

Dengan clamp(), teks judul membesar dan mengecil secara proporsional di setiap ukuran layar antara ponsel dan desktop tanpa ada lonjakan tampilan yang mengganggu pembaca.

Pertanyaan yang sering diajukan

Apakah seluruh peramban modern mendukung CSS clamp()?

Ya, seluruh peramban modern termasuk Chrome, Firefox, Safari, dan Edge telah mendukung penuh CSS clamp() sejak tahun 2020.