انتقل إلى محتوى الدرس

Reference Pixels and Print Units البكسل المرجعي ووحدات الطباعة

أتقن وحدات القياس المطلقة والنسبية في CSS مثل px و rem و em و ch والنسب المئوية ووحدتي الجوال الحديثتين svh و dvh، وتعلّم فحص قيمها المحسوبة في المتصفح.
2 صفوف تعليمية
لغة CSS
2 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

تُعد وحدة البكسل px أشهر الوحدات المطلقة على الشاشات، لكن 1px في CSS ليس مجرد نقطة ضوئية صلبة واحدة في الشاشة! فالهواتف الحديثة تضم كثافة نقاط عالية جداً، ولو تعامل المتصفح مع البكسل المادي الخام لظهر خط بحجم 16px مجهرياً لا يُقرأ على الهاتف. لذلك تعتمد المتصفحات مفهوم البكسل المرجعي (Reference Pixel) الذي يوحّد الحجم البصري المدرك عبر مختلف الشاشات.

وتوفر اللغة كذلك وحدات فيزيائية مخصصة للورق والطباعة: البوصة in (وتعادل قياسياً 96px)، والسنتيمتر cm، والمليمتر mm، والنقطة المطبعية pt (حيث 1in = 72pt). ويُقصر استخدام هذه الوحدات الورقية على قوالب الطباعة والفواتير والشهادات لا واجهات الشاشات المتجاوبة.

الصف 2 ملاحظة هامة