وحدة rem في CSS نسبية إلى حجم خط العنصر الجذري <html>. حرف R يعني Root.
html { font-size: 16px; }
h1 { font-size: 2rem; } /* 32px */
p { font-size: 1rem; } /* 16px */الفرق بين rem وem
remتُحسب دائمًا من حجم خطhtml.emتُحسب من حجم خط العنصر الأب، فتتراكم إذا تداخلت العناصر.
لماذا rem مفيدة؟
إذا غيّر المستخدم حجم الخط الافتراضي في متصفحه، تتغير كل الأحجام المكتوبة بـ rem معه بشكل متناسق. هذا أفضل لسهولة الوصول من الأحجام الثابتة بالبكسل.