جهت ورود به تالار گفتمان سایت کلیک کنید


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

معرفی واحد های اندازه گیری vw , vh , vmin , vmax در css3

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

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

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

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

ادامه مطلب