Bu araç ne işe yarar?
Minimum/maksimum viewport ve piksel değerlerinden responsive CSS clamp() ifadesi oluşturur.
Geliştirici Araçları
CSS Clamp Oluşturucu
Responsive font-size ve spacing için CSS clamp() üret.
Online Araç
generator
CSS Clamp Oluşturucu
Çıktı burada görünür
Nasıl kullanılır?
- Minimum/maksimum font veya spacing değerlerini gir.
- Viewport aralığını belirt.
- Oluştur butonuna tıkla.
- Üretilen clamp() değerini CSS içinde test et.
Örnek kullanım
Örnek girdi
min_size=16
max_size=32
min_viewport=375
max_viewport=1440Örnek çıktı
font-size: clamp(16px, ...vw, 32px);İpuçları
clamp() responsive tipografi için güçlüdür; fakat çok agresif değerler mobilde okunabilirliği bozabilir.