صيغة
1rem = root px · 1em = element px · 1pt = 96/72 px
قم بتطبيع الوحدة المصدر إلى وحدات البكسل المرجعية في CSS، ثم قم بتقسيمها على عامل البكسل السياقي للوحدة المستهدفة.
الصورة والشاشة
● يعمل محليامحول وحدات CSS
قم بتحويل أطوال CSS الشائعة فقط عندما يكون السياق المطلوب واضحًا. قم بتوفير أحجام خطوط الجذر والعنصر الحالي حتى لا يفترض rem و em نفس الأساس بصمت.
قيم المثال
طول CSS المحول
الافتراضات
- أحجام خطوط الجذر والعنصر إيجابية تمامًا.
- يتم استخدام البكسل المرجعي لـ CSS بدلاً من بكسل الشاشة الفعلي المُقاس.
تفترض هذه الأداة العلاقة المرجعية لـ CSS وهي 1in = 96px و1pt = 1/72in. يتم استبعاد وحدات إطار العرض والنسب المئوية.
مراجعة الصيغة
Formula v1.0.0
تمت المراجعة 2026-08-03
CalcFlow engineering review
محول وحدات CSS: عملت المثال
عند جذر 16 بكسل، 24 بكسل ÷ 16 = 1.5 ريم. بموجب قاعدة البكسل المرجعي، 24 بكسل أيضًا تساوي 18 نقطة.
الأسئلة المتداولة
ما هو الفرق بين ريم و إم؟
يستخدم rem حجم خط العنصر الجذر. يستخدم em سياق حجم الخط للعنصر الحالي.
لماذا تم استبعاد النسب المئوية؟
يمكن أن تعتمد النسبة المئوية على خصائص مختلفة وتحتوي على كتل، لذلك لا يكفي سياق عددي واحد.
هل CSS px هو بكسل فعلي؟
ليس بالضرورة. تحدد CSS بكسلًا مرجعيًا تقوم المتصفحات بتعيينه إلى وحدات بكسل الجهاز وفقًا للعرض والتكبير/التصغير.