CSS

Hızlı İpucu: Calc()’a İhtiyacınız Olmayabilir

gibi CSS matematik fonksiyonlarını kullandığınızı biliyor muydunuz? min(), max() ve clamp() ve argümanlardan herhangi birini hesaplıyorsunuz, ihtiyacınız yok calc()? sanırım öyleydi Ahmed Shadeed Geçen gün Twitter’da bundan bahsetmiş olan, ama yanılıyor olabilirim.

yani kullanmak istersen clamp() bazı akışkan tipografi için, diyelim ki, bir calc() bunu yapmak yerine ortadaki değer için işlev:

h1 {
font-size: clamp(1.5rem, calc(1rem + 3vw), 4rem);
}

Bunu yapabilirsiniz:

h1 {
font-size: clamp(1.5rem, 1rem + 3vw, 4rem);
}

Tamamen mantıklı çünkü min(), max() ve clamp() zaten matematik fonksiyonları. Ama yine de, daha önce farkında olmadığım bir şey!

Özel özelliklerle de çalışır – kontrol edin bu demo.

Bu arada, CSS’deki değişken tipografi hakkında daha fazla bilgi edinmek istiyorsanız (erişilebilirlik endişeleri dahil), bu kapsamlı rehber ile Adrian Bece kapladın mı

İlgili Makaleler

Bir cevap yazın

E-posta hesabınız yayımlanmayacak.

Başa dön tuşu