آشنایی با EM در طراحی سایت | خداحافظی با Pixel سلام بر EM

خداحافظی با Pixel  و سلام بر EM

از چند سال پیش در دنیای وب مبحثی به نام طراحی رسپانسیو پا به عرصه وجود گذاشت و جهان وب را تحت تاثیر خودش قرار داد. اگر در یک جمله بخواهیم طراحی ریسپانسیو را توضیح دهیم باید بگوییم نوعی از طراحی قالب (پوسته، تم) سایت است که باعث می شود سایت شما در نمایشگر های مختلف که طبیعتاً رزولوشن‌های مختلفی هم دارند به یک شکل درست نمایش داده شوند. یعنی سایت شما همان‌طور که در یک لپ‌تاپ با رزولوشن ۱۳۶۶ به نمایش در می‌آید در یک صفحه موبایل با رزولوشن کمتر و یا حتی بیشتر نیز با شکل و ساختاری متفاوت و استاندارد درست نمایش داده شود.

استفاده از مقیاس اندازه گیری پیکسل ۳ مشکل دارد که باعث شد طراحان وب به سراغ واحدهای جدید تر یعنی EM و REM بروند.

مشکل اول : تایپوگرافی

مشکل دوم : اشکال در طراحی اجزای رابط کاربری

مشکل سوم : زمان طراحی رسپانسیو را بالا می‌برد.

مهمترین اشکالی که پیکسل دارد مربوط به همان طراحی رسپانسیو است یعنی اگر شما اصرار داشته باشید که در طراحی رسپانسیو خود حتماً از واحد پیکسل استفاده کنید چاره‌ای ندارید جز این‌که در BreakPoint های مختلف کلاس‌های خود را دوباره بازنویسی نمایید و برای رزولوشن های مختلف دوباره کلاس‌های خود را استفاده نمایید.

در این دوره از مجموعه آموزش های وی لرن شما با معایب واحد پیکسل آشنا خواهید شد و در درس دوم با نحوه کار با واحد های EM و REM را خواهید آموخت.