- Masaüstünde
vw, vh, viewport boyutunu iyi şekilde ifade eder
- Mobilde ise araç çubuğu, adres çubuğu gibi dinamik olarak oluşan UI öğeleri boyutu etkiler. Bu nedenle
100vh, viewport boyutunu aşabilir ya da adres çubuğu kaydırma vb. ile daraldığında viewport boyutuna uyum sağlar
- CSS Working Group, bu tür dinamik olarak değişen boyutlara uygun kullanılabilecek birimler sundu; böylece gerçek viewport ile tam eşleşen boyutlar sağlanabiliyor
- Large viewport:
lvh, dinamik olarak oluşan UI olmadığında kullanılır
- Small viewport:
svh, daralmış UI yeniden genişlediğinde kullanılır
- Dynamic viewport:
dvh, dinamik UI durumuna göre viewport boyutuyla aynı olur. Chrome 108, Firefox 101, Safari 15.4 sürümlerinde desteklenir
Henüz yorum yok.