حجم الخط بوحدتي em وrem: أي مرجع يتغير عند التداخل؟

الخلاصة السريعة

عند تحديد font-size، تضرب em حجم خط الأب، بينما تضرب rem حجم خط الجذر.

• في font-size، تتبع em حجم خط الأب.
• تتبع rem حجم خط جذر HTML.
• التداخل قد يراكم مضاعفات em.
• العدد 16 هنا إعداد اخترناه.

مثال متداخل

حددنا للجذر font-size:16px، وللأب 2em. يصبح خط الأب 32px؛ ابن بقيمة 1.5em ينتج 48px، وآخر بقيمة 1.5rem ينتج 24px. يختلف مرجع الضرب رغم تطابق العدد.

تفسير النتيجة

نقارن حجم الخط فقط، ولا نعمم مرجع em على كل خصائص CSS. افحص القيم المحسوبة للجذر والأب؛ تغيير خط الجذر يؤثر في المقارنة. ليست 16px قاعدة ثابتة لكل قارئ.