📖 Matematik Fonksiyonları
clamp() (Akıcı Tipografi ve Dinamik Boyutlandırma)
Minimum, ideal ve maksimum değer aralığı tanımlar. Ekran genişledikçe font boyutu media query'siz akıcı büyür.
⚡ Sözdizimi (Syntax)
font-size: clamp(<min>, <ideal>, <max>);
🛠️ Pratik Kullanım Örnekleri
📌 Tüm Cihazlarda Kusursuz Akıcı Başlık Boyutu
h1 {
font-size: clamp(1.75rem, 4vw + 1rem, 3.5rem);
}
💡
Mühendislik İpucu & En İyi Pratik:
`vw` birimini temel bir `rem` ile birleştirmek (örn: `2vw + 1rem`) erişilebilirlik ve yakınlaştırma (zoom) uyumu sağlar.
İlgili Kılavuzlar
display: flex (Esnek Kutu Düzeni - Flexbox)
display: grid (İki Boyutlu CSS Izgara Düzeni)
position: sticky (Kaydırmaya Bağlı Sabitlenen Başlıklar)
backdrop-filter (Buzlu Cam & Glassmorphism Efekti)
clamp() (Akıcı Tipografi ve Dinamik Boyutlandırma)
:has() Ebeveyn Seçici (Parent Selector)
aspect-ratio (En-Boy Oranı Kilitleme)