CSS'te boyutları belirtirken vh ve vw ölçü birimleri ne için kullanılır?

CSS'te vh ve vw ölçü birimleri, tarayıcı görünüm alanına göre boyutları belirtmek için kullanılır.

• vh (görünüm yüksekliği): Görünüm alanının yüksekliğinin %1'ini temsil eder.
• vw (görünüm genişliği): Görünüm alanının genişliğinin %1'ini temsil eder.

Ana amacı, öğelerin boyutlarının tarayıcı penceresinin mevcut boyutlarına bağlı olduğu, piksel veya ebeveyn öğelerin boyutlarına bağlı olmayan duyarlı tasarımlar oluşturmaktır. Bu, ekran boyutları farklı cihazlarda, tam ekran yüksekliği veya genişliği gibi bölümlerin, yazı tiplerinin, resimlerin ve diğer bileşenlerin kolayca ölçeklendirilmesini sağlar.

Örneğin:

• height: 100vh; — öğeyi görünüm yüksekliğinin %100'ü yapar.
• width: 50vw; — öğeyi görünüm genişliğinin %50'si yapar.