تبدیلکننده پیکسل به EM/REM
px، rem، em، pt و % را با جدول زنده و CSS آماده کپی تبدیل کنید
rem نسبت به اندازه فونت ریشه است؛ em و % نسبت به والد هستند.
| PX | REM | EM | PT |
|---|---|---|---|
| 10 | — | — | — |
| 12 | — | — | — |
| 14 | — | — | — |
| 16 | — | — | — |
| 18 | — | — | — |
| 20 | — | — | — |
| 24 | — | — | — |
| 28 | — | — | — |
| 32 | — | — | — |
| 40 | — | — | — |
| 48 | — | — | — |
| 64 | — | — | — |
درباره تبدیلکننده پیکسل به EM/REM
مبدل پیکسل به EM/REM مقادیر طول CSS را بین px، rem، em، pt و درصد تبدیل میکند. یک مقدار در هر یک از پنج واحد وارد کنید و یک جدول زنده معادل آن را در همه واحدهای دیگر نشان میدهد — بههمراه یک قطعه CSS آماده کپی که میتوانید مستقیماً در یک شیت استایل بچسبانید.
تبدیلها نحوه واقعی محاسبه واحدها در CSS را رعایت میکنند: rem نسبت به اندازه فونت ریشه است، در حالی که em و % نسبت به اندازه فونت عنصر والد هستند. هر دو اندازه مرجع قابل ویرایش هستند، پس میتوانید یک ریشه ۱۶ پیکسلی با یک کامپوننت ۱۴ پیکسلی، یا هر مقیاس سیستم طراحی که استفاده میکنید، مدلسازی کنید.
یک جدول مقادیر رایج، اندازههایی را که طراحان بیشتر به آنها مراجعه میکنند نگاشت میکند — پس سؤالاتی مانند «۲۴ پیکسل در rem چقدر است» با یک نگاه پاسخ داده میشوند. این ابزار رایگان است، هنگام تایپ بهروزرسانی میشود و برای تبدیل طرحهای پیکسلی ثابت به CSS مبتنی بر rem قابل دسترسی و مقیاسپذیر یک ابزار اصلی است.
نحوه استفاده از تبدیلکننده پیکسل به EM/REM
- مقدار موردنظر برای تبدیل را وارد کنید و واحد آن را انتخاب کنید: px، rem، em، pt یا %.
- اگر اندازه فونت ریشه (برای rem) و اندازه فونت والد (برای em و %) با ۱۶ پیکسل متفاوت است، آنها را تنظیم کنید.
- مقادیر تبدیلشده را در جدول زنده بخوانید.
- قطعه CSS تولیدشده یا هر مقداری از جدول مقادیر رایج را کپی کنید.