Generator CSS clamp()

Menghasilkan nilai CSS responsif yang berskala antara dua width viewport.

Grafis Tanpa penyimpanan data

Panduan singkat

Coba contoh

Masukan

Nilai minimum (px)
16
Nilai maksimum (px)
32
Kecil width viewport (px)
400
width width width width width width (px)
1200

Hasil

clamp(16px, 2vw + 8px, 32px)
Cara kerja dan batasan

Masukkan keduanya lebar dan keduanya nilai dalam piksel. menyesuaikan ekspresi clamp() yang dihasilkan sebagai nilai properti CSS.