الدرس 2 من 8

حجم يتنفّس

هدف الدرس

clamp بدل نقاط الكسر

01

الشرح

العنوان الذي يليق بشاشة كبيرة يخنق شاشة الجوّال. الحلّ المعتاد استعلامات وسائط ثلاثة لكل حجم — ثم تكتشف أن بينها قفزات.

clamp(أدنى, مرغوب, أقصى) يحلّها بسطر: تعطي حدًّا أدنى وحدًا أعلى، وقيمة وسطى تتبع عرض الشاشة بـ vw. المتصفح يتدرّج بينهما بلا قفزة ولا استعلام.

واحرص أن يحوي الوسط وحدة نسبية (rem مع vw)، وإلا تعطّل تكبير النصّ على من يحتاجه.

02

المطلوب

اجعل حجم h1 بـ clamp بين 28 و56 بكسل.

معايير التصحيح

5 معايير
  1. حجم h1 لا يقلّ عن 28 بكسل
  2. ولا يتجاوز 56 بكسل
  3. الحجم مكتوب بـ clamp()
  4. الجزء المتغيّر يعتمد عرض الشاشة (vw)
  5. وفيه جزء نسبي يبقي التكبير ممكنًا (rem أو em)
index.html
المعاينة
index.html100%
–/5

اضغط «تشغيل» ليبدأ الفحص.

5 معايير في بطاقة «المطلوب».