DevTulz Online

تبدیل‌کننده PX ↔ REM

px

PX → REM

px

REM → PX

rem

جدول مرجع

px rem em

تفاوت بین PX و REM چیست؟

PX (پیکسل) یک واحد مطلق است — همیشه با همان اندازه فیزیکی نمایش داده می‌شود. REM (root em) یک واحد نسبی است که بر اساس اندازه فونت عنصر ریشه است (معمولاً به صورت پیش‌فرض 16px در مرورگرها). استفاده از REM ساخت طرح‌بندی‌های قابل دسترس و مقیاس‌پذیر که به تنظیمات اندازه فونت کاربر احترام می‌گذارند را آسان‌تر می‌کند.

نحوه استفاده از تبدیل‌کننده PX به REM

  1. اندازه پایه فونت را تنظیم کنید (پیش‌فرض 16px است — با اکثر مرورگرها مطابقت دارد).

  2. یک مقدار پیکسل وارد کنید تا مقدار معادل REM را ببینید.

  3. یا یک مقدار REM وارد کنید تا آن را به پیکسل تبدیل کنید.

  4. از جدول مرجع زیر برای تبدیل اندازه‌های رایج استفاده کنید.

فرمول: rem = px ÷ اندازه پایه فونت. برای پایه پیش‌فرض 16px: 1rem = 16px، 0.5rem = 8px، 1.5rem = 24px. تمام محاسبات فوری در مرورگر شما انجام می‌شوند.

Keywords: تبدیل px به rem، rem به px، پیکسل به rem، تبدیل واحدهای CSS، تبدیل اندازه فونت، طراحی واکنش‌گرا، ماشین حساب rem