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

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

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

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