Generator CSS Clamp
Hasilkan nilai CSS clamp() yang fluid dari ukuran min/maks dan lebar viewport.
Keluaran
Masukkan ukuran minimum dan maksimum beserta rentang viewport tempat ukuran itu berlaku, dan dapatkan ekspresi CSS clamp() yang siap pakai untuk tipografi atau spasi yang responsif dan fluid.
Cara pakai
- Masukkan ukuran minimum dan maksimum dalam piksel.
- Masukkan lebar viewport minimum dan maksimum tempat ukuran berlaku di antaranya.
- Salin deklarasi clamp() yang dihasilkan, secara opsional mengganti nama properti CSS.
Pertanyaan umum
- Bagaimana nilai fluid dihitung?
- Alat menghitung kemiringan linear antara ukuran min dan maks di sepanjang rentang viewport, dinyatakan sebagai rumus rem + vw di dalam clamp().
- Mengapa output menggunakan rem dan vw?
- rem menjaga ukuran dasar relatif terhadap pengaturan font pengguna, sedangkan vw membuatnya menskala secara mulus dengan lebar viewport.
- Bagaimana jika viewport maks saya lebih kecil dari viewport min?
- Alat menampilkan pesan validasi yang meminta Anda membuat lebar viewport maksimum lebih besar daripada minimum.