FLUID TYPE
Bu başlık ekrana değil, ölçeğe uyum sağlar.
Yeni bir breakpoint yazmadan hiyerarşi korunur.
CSS LAB
Tarayıcının yerleşik gücünü görün.
Fluid type, kullanılabilir alana göre grid, okunabilir satır uzunluğu, native navigation ve reduced-motion aynı CSS-first sözleşmenin parçalarıdır.
01 · FLUID FOUNDATION
Sabit breakpoint yerine uyumlu kurallar.
Başlıklar clamp() ile ölçeklenir; grid minmax() ve auto-fit ile kullanılabilir alana cevap verir.
READABLE MEASURE
Bu metin ch tabanlı okunabilir genişliği kullanır. Satır boyu büyüse bile gözün bir satırdan diğerine geçişi kontrol altında kalır.
02 · NATIVE / ENHANCED
Aynı bilgi, iki bilinçli yol.
Sol örnek yalnızca HTML ve CSS ile işler. Sağ örnek küçük bir navigation modülüyle mobil deneyimi geliştirir; modül yüklenmezse linkler görünür kalır.
NATIVE · NO JS
details ile navigation
Doküman bölümleri
Klavye, açık/kapalı state ve fallback tarayıcı tarafından sağlanır.
ENHANCED · OPTIONAL JS
Buton kontrollü navigation
Sadece davranış iyileştirilir; içeriğin çalışması modüle bağlı değildir.