PX to EM Conversion

تبدیل PX به EM بر اساس رابطه بین پیکسل (px) و اندازه فونت (em) در عنصر یا والد آن انجام می‌شود.

فرمول تبدیل به این صورت است:

مقدار em=اندازه فونت پایه بر حسب px / مقدار px​

🔹 مثال ۱: اندازه فونت پیش‌فرض مرورگر

در اکثر مرورگرها، اندازه فونت پیش‌فرض برابر با ۱۶px است.

پس اگر اندازه فونت پایه ۱۶px باشد:

1em = 16px

🔹 مثال ۲: اندازه فونت پایه سفارشی

اگر اندازه فونت پایه عنصر مثلاً ۲۰px باشد:

1em = 20px
10px = 0.5em
30px = 1.5em

🔹 فرمول سریع تبدیل

اگر بخواهید به‌صورت سریع در CSS تبدیل کنید:

em = px / 16; /* در صورت فرض اندازه فونت پایه 16px */

🔹 مثال در CSS

/* اندازه فونت پایه: 16px */
h1 {
font-size: 32px; /* یا 2em */
}

p {
font-size: 14px; /* یا 0.875em */
}