تا به اینجا با بسیاری از واحد های اندازه گیری در css آشنا شده اید که میتوانید در این دو لینک مطالعه فرمایید . ( لینک 1 ) و ( لینک 2 ) .

در این پست با 4 واحد اندازه گیری بسیار جدید آشنا خواهیم شد که میتواند بسیاری از مشکلاتی که تاکنون در طراحی وب سایت به صورت ریسپانسیو داشته ایم برطرف شود .

با واحد های vh  و vw می توانیم عناصر صفحه را متناسب با محدوده نمایش کاربر , بدون استفاده از جاوا اسکریپت نمایش بدهیم. هنگام ایجاد صفحات رسپاسیو بیشتر از واحد درصد (%) استفاده میکنیم , اما واحد درصد (%) اندازه ها را بر حسب نزدیک ترین والد مشخص میکند. شاید ما بخواهیم سایز یک قسمت رو بر حسب سایز پنجره ی مرورگر (قسمت قابل رویت مرورگر) مشخص کنیم . اینجا دو واحد اندازه گیری vw و vh به کمک ما می آیند .

در ادامه بجر این دو واحد , با دو واحد دیگر به نام های vmin و vmax آشنا میشوید .