مبدل px به rem و em
تبدیل بین واحدهای px، rem و em با استفاده از اندازههای فونت ریشه و زمینه دلخواه خودتان — با ویرایش هر فیلد، دو فیلد دیگر همزمان با تایپ شما بهروزرسانی میشوند.
| px | rem |
|---|---|
| 8 | 0.5 |
| 12 | 0.75 |
| 14 | 0.875 |
| 16 | 1 |
| 18 | 1.125 |
| 20 | 1.25 |
| 24 | 1.5 |
| 32 | 2 |
| 40 | 2.5 |
| 48 | 3 |
تمام تبدیلها در مرورگر شما انجام میشوند. هیچیک از اطلاعات وارد شده در BroBroGo آپلود نخواهد شد.
سوالات متداول
تفاوت بین px، rem و em چیست؟
واحد px یک طول ثابت است. واحد rem نسبت به اندازه فونت ریشه صفحه سنجیده میشود، بنابراین در ریشه ۱۶ پیکسلی، ۱rem معادل ۱۶ پیکسل است. واحد em نسبت به اندازه فونت عنصری که در آن قرار دارد سنجیده میشود. تعیین اندازه متن و فاصلهها با rem به همه چیز اجازه میدهد تا با تغییر اندازه فونت پیشفرض توسط کاربر، به طور متناسب مقیاسپذیر شوند.
چرا یک اندازه زمینه em مجزا وجود دارد؟
واحد em نسبت به اندازه فونت عنصر خود سنجیده میشود که همیشه با ریشه یکسان نیست. اندازه زمینه em را روی اندازه فونت آن عنصر تنظیم کنید تا em به درستی محاسبه شود، و در صورت یکسان بودن این دو، آن را برابر با ریشه نگه دارید.
اگر اندازه فونت ریشه من ۱۶ پیکسل نباشد چه؟
فیلد اندازه فونت ریشه را متناسب با CSS خود تغییر دهید تا تمام مقادیر rem فوراً بهروزرسانی شوند. جدول سریع زیر یک راهنمای کاربردی برای ریشه رایج ۱۶ پیکسلی است که اکثر سایتها از آن شروع میکنند.