CSS Clamp Oluşturucu

Yazı tipi boyutunuzu iki görünüm alanı genişliği arasında akıcı biçimde ölçeklendiren bir clamp() değeri oluşturun.

Nasıl kullanılır

  1. Değerlerinizi yukarıdaki alanlara girin.
  2. Sonucu anında görmek için Hesapla’ya basın.
  3. Sonucunuzun bağlantısını kopyalamak için Paylaş düğmesini kullanın.

Bu hesaplama hakkında

Bu araç, akıcı tipografi için duyarlı bir CSS clamp() fonksiyonu üretir — clamp(min, tercih edilen, max) — burada "tercih edilen" değer, yazı tipi boyutunuzu belirlediğiniz minimum ve maksimum görünüm alanı genişliği arasında akıcı biçimde ölçeklendiren, vw tabanlı hesaplanmış bir ifadedir; böylece boyut, seçtiğiniz sınırların dışına çıkmaz.

Ön uç geliştiriciler, başlık ve gövde metnini yeniden boyutlandırmak için birden fazla media-query kırılma noktası yazmak yerine, tek bir akıcı CSS kuralı elde etmek için kullanır. En küçük ve en büyük yazı tipi boyutlarınızı ve görünüm alanı aralığını girin, kopyalayıp yapıştırmaya hazır bir clamp() kuralı alın.

Bu faydalı oldu mu?

Yorumlar (0)

  • İlk yorumu siz yazın.

Popüler hesaplayıcılar

Tüm Hesaplayıcılar