محوّل rem إلى px
باستخدام حاسباتنا، فإنك توافق على شروط الاستخدام (بالإنجليزية).
حوّل بين وحدتَي rem و px اعتماداً على حجم خط الجذر — والقيمة الافتراضية في المتصفحات 16 px.
حجم خط الجذر
بكسل
24 px
1.5 rem @ 16 px root
- الصيغة
- 1.5 × 16
حاسبات ذات صلة
وحدة rem والبكسل
وحدة rem في CSS نسبية إلى حجم خط العنصر الجذر، وهو 16 px عادةً في المتصفحات. فإذا كان حجم الجذر 16 px، فإن 1.5 rem تساوي 24 px. وتتكيّف rem مع إعدادات إمكانية الوصول التي يغيّر بها المستخدم حجم خط الجذر، بينما px وحدة مطلقة لا تتغيّر.
ملفات التسليم من المصممين تستخدم px في الغالب، بينما تفضّل أنماط CSS في الإنتاج وحدة rem لأسباب تتعلق بإمكانية الوصول. حوّل دائماً على أساس حجم الجذر المعتمد في مشروعك — فكثير من أنظمة التصميم تستخدم 16 px، وبعض التطبيقات تضبطه على 10 px لتسهيل الحساب الذهني.
مثال: 2 rem مع جذر 16 px تساوي 32 px. و48 px مع جذر 16 px تساوي 3 rem.
أسئلة شائعة
ما حجم الجذر الذي ينبغي أن أستخدمه؟
القيمة 16 px هي الإعداد الافتراضي في المتصفحات والأكثر شيوعاً. وإذا كان مشروعك يحدد قيمة مختلفة في html { font-size } فطابقها هنا.
ما الفرق بين rem و em؟
وحدة rem نسبية دائماً إلى العنصر الجذر، أما em فنسبية إلى العنصر الأب. وهذا المحوّل مخصص لوحدة rem فقط.