أدخل رقمًا
1 px = 0.0625 rem
افتح في محوّل PX إلى REMالصيغة
rem = px ÷ 16
طريقة التحويل
لتحويل البكسل إلى rem، اقسم القيمة على 16. مثال: 32 px = 2 rem.
جدول التحويل
| px | rem |
|---|---|
| 1 px | 0.0625 rem |
| 2 px | 0.125 rem |
| 4 px | 0.25 rem |
| 8 px | 0.5 rem |
| 10 px | 0.625 rem |
| 12 px | 0.75 rem |
| 14 px | 0.875 rem |
| 16 px | 1 rem |
| 18 px | 1.125 rem |
| 20 px | 1.25 rem |
| 24 px | 1.5 rem |
| 32 px | 2 rem |
| 48 px | 3 rem |
| 64 px | 4 rem |
يفترض الجدول حجم خط أساسي قدره 16px. غيّر الإعدادات في المحوّل أعلاه لتناسب مشروعك.
عن هذه الوحدات
تحوّل المتصفحات كل طول في CSS إلى بكسلات. تعتمد rem على حجم خط العنصر الجذر، وem على حجم خط العنصر الأب، وكلاهما 16px في جميع المتصفحات الرئيسية ما لم تغيّره الصفحة أو المستخدم. 1pt يساوي 1/72 بوصة و1px يساوي 1/96 بوصة، لذا 1pt = 1.333px. أما vw فهي 1% من عرض منفذ العرض، فيتغير حجمها بالبكسل بحسب الشاشة.
الأسئلة الشائعة
› كيف أحوّل px إلى rem؟
1 px = 0.0625 rem. للتحويل، اقسم القيمة على 16: 32 px = 2 rem.
› كم يساوي 1 rem بوحدة px؟
1 rem = 16 px. الصيغة العكسية هي px = rem × 16.
› لماذا أستخدم rem بدل px؟
تتبع أحجام rem إعداد حجم الخط في متصفح المستخدم، ما يدعم إمكانية الوصول، وتغيير قيمة جذرية واحدة يعيد تحجيم التصميم كله بشكل متسق.
› ما الفرق بين rem وem؟
تستخدم rem دائمًا حجم خط العنصر الجذر (html)، بينما تستخدم em حجم خط العنصر الأب، فتتضاعف قيم em المتداخلة.