مثال: 24px → 1.5em (أساس 16px)
مثال: 1.5em → 24px (أساس 16px)
| Px | Em | الاستخدام الشائع | العملية |
|---|
Px (بكسل):وحدة مطلقة، حجم ثابت، لا يتغير بتغيير إعدادات المتصفح. 1px هو بكسل فعلي واحد على الشاشة.
Em:وحدة نسبية، نسبة إلى حجم خط العنصر الحالي. 1em يساوي حجم خط العنصر الحالي. إذا لم يتم تعيين حجم خط للعنصر الحالي، فإنه يرث من العنصر الأب.
معادلة التحويل:
• Px → Em: em = px ÷ حجم الخط الأساسي
• Em → Px: px = em × حجم الخط الأساسي
نصائح الاستخدام:استخدام وحدة em يجعل الصفحة أكثر استجابة وسهولة في الوصول، حيث يمكن للمستخدم تعديل حجم الخط عبر إعدادات المتصفح. عادةً ما يكون حجم الخط الافتراضي للمتصفح هو 16px.