تبدیل پیکسل (px) به em

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

$پایه\text{مقدار EM} = \frac{\text{مقدار پیکسل}}{\text{اندازه فونت پایه}}$

فرض رایج

اندازه فونت پیش‌فرض مرورگر معمولاً 16px است، مگر اینکه تغییر کرده باشد.

مثال‌ها

اگر اندازه فونت عنصر والد 16px باشد:
- 32px = $3216=2em\frac{32}{16} = 2em$
- 24px = $2416=1.5em\frac{24}{16} = 1.5em$
- 8px = $816=0.5em\frac{8}{16} = 0.5em$
اگر اندازه فونت عنصر والد 20px باشد:
- 32px = $3220=1.6em\frac{32}{20} = 1.6em$
- 24px = $2420=1.2em\frac{24}{20} = 1.2em$
- 8px = $820=0.4em\frac{8}{20} = 0.4em$

ابزارهای تبدیل

اگر به طور مرتب با CSS کار می‌کنید، ابزارهایی مانند پیش‌پردازنده‌ها (Sass، LESS) یا ماشین‌حساب‌های آنلاین می‌توانند فرآیند تبدیل px به em را ساده‌تر کنند. اگر به یک میکسین CSS برای خودکارسازی این کار نیاز دارید، اطلاع دهید!