RevealTheme logo

Generator CSS Clamp()

Hasilkan nilai CSS yang fluid dan responsif dengan clamp(). Skalakan dengan mulus antara ukuran minimum dan maksimum di sepanjang rentang viewport.

font-size: clamp(16px, 13.0909px + 0.9091vw, 24px);

Apa itu Generator CSS Clamp()?

Fungsi CSS clamp(min, preferred, max) menjaga nilai tetap terbatas sekaligus memungkinkannya menskala secara mulus dalam rentang tersebut. Sempurna untuk tipografi responsif yang tumbuh dengan halus seiring lebar viewport alih-alih melompat pada breakpoint. Alat ini menghitung rumus nilai preferred yang tepat dari ukuran font minimum/maksimum dan lebar viewport Anda.

Pertanyaan yang sering diajukan

Bagaimana kompatibilitas browser?
clamp() berfungsi di semua browser sejak 2020: sepenuhnya aman untuk digunakan dalam produksi.

Alat terkait