CSS clamp() hesaplayıcı

Küçük bir viewport için bir boyut, büyük bir viewport için bir boyut verin. İkisi arasında yumuşakça geçen clamp()'i alırsınız; rem cinsinden, böylece okuyucunun tarayıcı yazı boyutuna saygı göstermeyi sürdürür.

Viewport
Hesaplanan boyut

Pijamalı hasta yağız şoföre

Yazı ölçeği

Neden rem, neden px değil

px cinsinden bir boyut, okuyucunun tarayıcısında seçtiği yazı boyutunu yok sayar. Aynı bildirim rem cinsindeyse onunla birlikte ölçeklenir; varsayılanı 20px yapan kişi sizin sabit 16'nız yerine daha büyük metin görür. Viewport terimi zaten vw'de kalır — o, ekran genişliğiyle ilgilidir, okuyucu tercihiyle değil.

SSS

Ortadaki terim ne yapıyor?

İki noktanızdan geçen bir doğru: bir kesişim artı vw cinsinden bir eğim. Küçük viewport'un altında en küçük değerde, büyüğünün üstünde en büyük değerde sabitlenir.

En büyük, en küçükten küçük olabilir mi?

Evet ve clamp() yine çalışır — ama ekran büyüdükçe boyut küçülür, bu da neredeyse hiç istenen bir şey değildir. Böyle olduğunda sayfa uyarır.

Sunucularınıza bir şey gönderiliyor mu?

Hayır. Bu, tarayıcınızda yapılan aritmetik; yazdığınız hiçbir şey sayfadan çıkmaz.

GO AI ekibi tarafından yapıldı. Tüm ücretsiz araçlar