محوّل PX إلى REM

طريقة العمل

الـ rem الواحد يساوي حجم خط عنصر html الجذر، وهو 16 px في المتصفحات افتراضياً. وقسمة قيمة بالبكسل على حجم الجذر تعطي rem؛ وضرب rem في حجم الجذر يعطي بكسلات.

وتعمل em بالطريقة نفسها، لكنها نسبية إلى حجم خط العنصر الأب، لذلك تساوي rem فقط عندما يستخدم الأب حجم الجذر.

في CSS يُعرَّف 1 px بأنه 1/96 من البوصة، و1 pt بأنه 1/72 من البوصة، لذلك فـ 1 px = 0.75 pt.

المعادلة

rem = px ÷ حجم الجذر
px = rem × حجم الجذر
pt = px × 0.75

مثال محلول

مع جذر افتراضي 16 px، فإن 24 px تساوي 24 ÷ 16 = 1.5 rem، وهي 18 pt و150% من حجم الجذر.