حالا که فلا وقت نمیکنیم به صورت ویدیو آموزش بزاریم یک خورده هم متنی اموزش میزاریم

در مورد واحد های نسبی em و rem

em
—————————————————————————

مثلا اگر ما به تگ p اگه بگیم
font-size:10px = 1em
این میشه یکem
بعد اگر باز بگیم 2em میشه 20 پیکسل
width:2em = 2 * 10 = 20px

حالا اگر برای این تگ p فونت سایزی اول ست نکنیم فونت سایز عنصر پدرشو در نظر میگیره باز اگر برا والد شم در نظر نگرفته باشیم فونت سازی رو همینطوری یه پله یه پله والد ها دیگه رو چک میکنه تا به فونت سایز برسه
اگرم دیگه هیشکدوم فونت سایز نداشتن به عنصر روت html میرسه که فونت سایز پیشفرضش 16px هستش که 16 پیکسل میشه یکem

—————————————————————————

rem



فونت سایز عنصر html که 16 باشه هستش که میشه یک rem = 16px

و هرجا بگیم مثلا 2rem میشه px
16* 2 = 32px