Css Ölçü Birimi vh ve vw Nedir, Farkları Nelerdir ?

Css birçok ölçü biriminin kullanılmasına olanak sağlar , bunlardan mobil tasarımlar içinde çok sık tercih edilen vh (viewport height) ve vw(viewport witdh) ‘dir. Adından da anlayacağınız üzere bu birimlerden biri yükseklik, diğeri ise genişliği ifade eder, peki nasıl kullanılır bu birimler, hangi oranda kullanılır ?

Bu birimlerden vh(viewport height) ekran yüksekliğinin %1 oranında ifade etmektedir, vw(viewport witdh) ise ekran genişliğinin %1 oranını ifade etmektedir.

800×1200 çözünürlükte bir ekranda , 1vh = 12px iken 1vw = 8px olmaktadır.