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 geçiş yapan clamp() değerini alın; rem cinsinden olduğu için okuyucunun tarayıcısındaki yazı boyutu ayarına uymayı sürdürür.
Pijamalı hasta yağız şoföre
Yazı ölçeği
Neden px değil de rem
px cinsinden bir boyut, okuyucunun tarayıcısında seçtiği yazı boyutunu yok sayar. Aynı değeri rem cinsinden yazarsanız o boyutla birlikte ölçeklenir; varsayılanını 20px yapmış birine, sizin sabit 16'nız yerine daha büyük metin gider. Viewport terimi ise her iki durumda da vw olarak kalır — o kısım okuyucu tercihiyle değil, ekran genişliğiyle ilgilidir.
SSS
Ortadaki terim ne işe yarıyor?
İki noktanızdan geçen bir doğru: bir sabit terim, artı vw cinsinden bir eğim. Küçük viewport'un altında en küçük değere, büyüğünün üstünde en büyük değere sabitlenir.
En büyük, en küçükten küçük olabilir mi?
Evet, clamp() yine de düzgün ç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 sizi 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