آموزشگاه فطرس

واحدهای اندازه در المنتور 2

دسته بندی : آموزش المنتور

واحدهای اندازه در المنتور 2

آموزش ویدئویی

آموزش متنی

در جلسه ی قبلی با انواع واحدهای اندازه گیری در المنتور آشنا شدیم و فقط موند واحد اندازه گیری درصد.
در این جلسه واحد اندازه گیری درصد رو مورد بررسی قرار میدیم.

% :
درصد ها در طراحی واکنشگرای سایت بسیار کاربردی هستند.
به مثال زیر توجه کنید :
ما یک بخش داریم با یک ستون که داخلش یک نوشته قرار داره.
ما میایم و به ستون خودمون 100 پیکسل فاصله از چپ و راست میدیم.
کار ما در حالت دسکتاپ به شکل زیر درمیاد :

آموزش المنتور-انواع واحد اندازه در المنتور

حالا بریم همین بخش خودمون رو در حالت موبایل ببینیم :

آموزش المنتور-انواع واحد اندازه در المنتور

چه اتفاقی افتاد ؟
در دسکتاپ 100 پیکسل عدد زیادی برای فاصله به حساب نمیاد ، اما در حالت مویابل این عدد خیلی بزرگ هستش.
پس باید چیکار کنیم ؟
خیلی راحت میتونیم برحسب درصد این فاصله رو تعیین کنیم ، مثلا بذاریم 5 درصد فاصله از چپ و راست.
در این حالت هر نوع دستگاهی اعم از موبایل ، تبلت ، فبلت ، لپ تاپ و… میاد و همین 5 درصد فاصله رو برای عنصر در نظر میگیره.
البته شما میتونید از پیکسل هم برای حالت های مختلف استفاده کنید.
اما باید در نظر داشته باشید که شما با این روش نمیتونید برای اکثر دستگاه ها حالت خاصی رو در نظر بگیرید.
همچنین حجم کار شما با این کار افزایش پیدا میکنه.

نویسنده

نویسنده

میلاد پورزارعی دانش آموخته ی ممتاز رشته ی مهندسی نرم افزار ، طراح سایت ، متخصص سئو ، استراتژیست بازاریابی و فروش

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *