كيف أستخدمها؟

اكتب رقمًا واختر وحدته (px أو rem أو em) واضبط حجم الخط الأساسي واضغط «تشغيل» فتُحسب الوحدات الثلاث معًا وتُضاف بالأسفل.

ما الفرق بين rem وem؟

يُقاس rem دائمًا من جذر المستند (عنصر html)، أما em فيُقاس من العنصر الأب المباشر. لذلك يكون rem متوقّعًا، بينما يتضاعف em مع تداخل العناصر. وتستخدم هذه الأداة حجم الخط الأساسي الذي تُدخله لكليهما فتقارنهما جنبًا إلى جنب.

لماذا الأساس 16px؟

تضبط معظم المتصفحات حجم خط المستند على 16px، فهو الافتراضي هنا. وإن كان مشروعك يستخدم حجمًا جذريًا آخر فأدخله. ولأن em يأتي من العنصر الأب، استخدم حجم الأب عند مطابقة صفحة حقيقية.

محوّل px ↔ rem ↔ em (وحدات CSS)

محوّل px ↔ rem ↔ em

حوّل بين px وrem وem مقابل حجم خط أساسي — فـ 24px تساوي 1.5rem. مفيد عند التنقّل بين الوحدات في تصميم متجاوب.

أدخل قيمة ووحدة ثم اضغط «تشغيل» —
فتتراكم النتائج هنا.

الإعدادات

القيمة

الوحدة

حجم الخط الأساسي (px)

عادةً تكون القيمة الافتراضية في المتصفحات 16px. ولأن em يُقاس من العنصر الأب، ضع هنا حجم خط الأب لمطابقة صفحة حقيقية.

محوّل px ↔ rem ↔ em

الإعدادات

الأسئلة الشائعة

محوّل px ↔ rem ↔ em

الإعدادات

الأسئلة الشائعة

محوّل px ↔ rem ↔ em

الإعدادات

أدوات ذات صلة

الأسئلة الشائعة

محوّل px ↔ rem ↔ em

الإعدادات

أدوات ذات صلة

الأسئلة الشائعة