مبدل px به rem
عدد را وارد کن تا همان لحظه تبدیل شود. اندازه‌ی فونت پایه را هم می‌توانی عوض کنی.
جدول تبدیل (پایه ۱۶)
| px | rem |
|---|---|
| 8px | 0.5rem |
| 10px | 0.625rem |
| 12px | 0.75rem |
| 14px | 0.875rem |
| 16px | 1rem |
| 18px | 1.125rem |
| 20px | 1.25rem |
| 24px | 1.5rem |
| 28px | 1.75rem |
| 32px | 2rem |
| 40px | 2.5rem |
| 48px | 3rem |
| 56px | 3.5rem |
| 64px | 4rem |
| 72px | 4.5rem |
| 96px | 6rem |
rem چیست؟
rem واحدی نسبی است که به اندازه‌ی فونت ریشه‌ی صفحه (تگ html) وابسته است. در بیشتر مرورگرها این اندازه به‌صورت پیش‌فرض ۱۶ پیکسل است، پس 1rem برابر 16px می‌شود.
چرا به‌جای px از rem استفاده کنیم؟
اگر کاربر اندازه‌ی فونت مرورگرش را بزرگ‌تر کند، اندازه‌هایی که با rem نوشته شده‌اند هم بزرگ می‌شوند. این برای دسترس‌پذیری مهم است و px این امکان را از کاربر می‌گیرد.
فرمول تبدیل px به rem چیست؟
مقدار rem برابر است با مقدار پیکسل تقسیم بر اندازه‌ی فونت پایه. مثلاً با پایه‌ی ۱۶، مقدار 24px برابر 1.5rem است.
طرحت را می‌خواهی دقیق و با واحدهای درست کد شود؟ تبدیل فیگما به HTML