حجم يتكيّف مع الشاشة

العنوان المناسب لشاشة كبيرة يكون ضخمًا جدًّا على شاشة الجوّال، والحلّ المعتاد أن تكتب ثلاثة استعلامات @media لكل حجم، ثم تكتشف أن الحجم يقفز فجأة عند الانتقال من استعلام إلى آخر.

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

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