محوّل البكسل إلى rem

كيف يعمل

في CSS، الوحدة rem مضاعف لحجم خط الجذر. وبالقيمة الافتراضية للمتصفح 16 بكسل، تعادل 24 بكسل 1.5 rem، و16 بكسل تعادل 1 rem بالضبط. تقسم هذه الحاسبة قيمتك بالبكسل على الأساس الذي تحدده. سبب تفضيل rem هو إمكانية الوصول. فالمستخدم الذي يرفع حجم الخط الافتراضي في متصفحه يتوقع أن تتكبّر الواجهة كلها معه — وهذا يحدث تلقائيًّا مع rem، بينما يبقى التصميم المثبّت بالبكسل صغيرًا بعناد وقد يصبح غير قابل للاستخدام. والفرق عن em هو المرجع: em نسبية إلى حجم خط العنصر *الأب*، فتتراكم التداخلات (em داخل em داخل em يتقلّص بصورة غير متوقعة)، أما rem فتشير دائمًا إلى الجذر وتبقى متوقعة. والعرف الشائع: rem للتباعد والطباعة، وem للخصائص التي يجب أن تتبع حجم عنصرها نفسه، كحاشية الزر.