عن هذه الأداة
حوّل طولًا في CSS بين px وrem وem وpt و% وvw وvh باستخدام حجم الخط الأساسي والشاشة.
يمر كل تحويل عبر البكسل: 1 rem = حجم خط الجذر، 1 em = خط العنصر الأب، 1 pt = 4/3 px، 1 vw = 1% من عرض الشاشة، 1 vh = 1% من ارتفاعها، و% نسبة إلى خط الأب.
الصيغة: px = rem × root · pt = px × 0.75
مثال: القيمة = 24, من الوحدة = px, خط الجذر (px) = 16, خط الأب (px) = 16, عرض الشاشة (px) = 1,440, ارتفاع الشاشة (px) = 900 ← px = 24, rem = 1.5.
تستخدم المتصفحات 16 px افتراضيًا لحجم خط الجذر ما لم تغيره الصفحة أو المستخدم.
خطوات سريعة
- أدخل القيم — كل حقل يوضح وحدته.
- اضغط احسب (أو جرّب مثالًا لترى طريقة العمل).
- اقرأ النتائج وانسخها إذا احتجتها في مكان آخر.
يجري الحساب في متصفحك، ولا يُرسل أي شيء تكتبه إلى 1CLIK.
أسئلة شائعة
كيف تعمل محول وحدات CSS (px وrem وem وpt وvw)؟
يمر كل تحويل عبر البكسل: 1 rem = حجم خط الجذر، 1 em = خط العنصر الأب، 1 pt = 4/3 px، 1 vw = 1% من عرض الشاشة، 1 vh = 1% من ارتفاعها، و% نسبة إلى خط الأب.
ما الذي يجب مراعاته؟
تستخدم المتصفحات 16 px افتراضيًا لحجم خط الجذر ما لم تغيره الصفحة أو المستخدم.
هل تُرسل بياناتي إلى أي مكان؟
لا. تبقى الأرقام على جهازك، والصفحة تعرض النتيجة فقط.