وحدات (px/rem/em ) في css
ابوبكر هلال محمد
منذ أكثر من عامين
2 دقائق للقراءة
271 كلمة
المقال بتكلم عن استخدام وحدات البسكل(px) مقابل وحدات (rem/em)
فيهو شرح تسلسلي لتاثير اي واحد في جانبين
في جانب حجم الخط وتاثيرو علي التكبير والتصغير البطرا علي الصفحة في المتصفح
و جانب ارتفاع الخط (line-height)
خلاصة المقال انو الافضل والحاجه الموصي بها في الw3 web انو النص البتعرضو للمستخدم مهما المستخدم كبر حجم الصفحه ومهما عمل تخلي مرئي ليهو وبدون اسكرول افقي بمعني يكون متناسب مع اي تكبير بيطرا ع الصفحه واصلا خاصية التكبير موجودة ف اغلب المتصفحات ونحن دورنا كمطورين واجهة امامية ما نقتل خاصية زي ده باستخدام وحدات بل العكس مفروض نخلي خاصية زي اكثر مرونة باستخدام وحدات متوفرة اصلا
الخلاصة #
لمن تستخدم وحدات البكسل ف حجم الخط (font-size) بظل كما هو في جميع احجام الشاشات ما لم تقم بتغيره لانو من وحدات القياس الثابتة fixed-unit
طيب لو المستخدم ده كبر الشاشة او صغرها نصك هيكون حجمو ثابت اتخيل معاي لو ظابط حجم النص ده علي حجم شاشة معينة وكان النص واضح لكن لمن جيت كبرت الشاشة نصك ده الا اعمل زوم حتن يظهر
هنا لو استخدمت وحدات الrem افضل لانها وحدة مرنة flexible-unit بتاخد الحجم حسب مقاس الشاشة او من الروت حقها
الحته التانية في ارتفاع الخط line-height الافضل تستخدمو بدون اي وحدة كما موصي في mdn و w3 انو من الافضل تخلي بدون وحدة قياس لانو لو ختيتو. بوحدة معينة بعد كده بحسب حسب نظام الوحدة الختيتو بيها ده لو بيكسل او نسبة مئوية وطبعا ده بفرق لمن تغير حجم الشاشة او تعمل زوم
المصادر
مقال mdn لتوضيح كيفية استخدام الوحدات
مقال بشرح الفرق بين الوحدات بالعربي جميل جد