Min Width Protection Conceptحماية العناصر عبر أدنى عرض
تعرّف على دور خاصية min-width في لغة CSS لحماية الأزرار والبطاقات من الانضغاط المفرط، وكيفية ضبطها بوحدات الطول والنسب المئوية وكلمات المحتوى، وفهم تفوقها القياسي عند تعارض خصائص العرض.
3 صفوف تعليمية
لغة CSS
2,861 مشاهدة
شرح صفوف ومحتوى الفقرة
الصف 1
شرح توضيحي
بينما تمنع max-width تمدد الصناديق المفرط في الشاشات الكبيرة، يظهر التحدي المعاكس حين تضيق العناصر أكثر من اللازم؛ فزر قصير يحمل كلمة «تم» أو OK يبدو ضئيلاً ومربكاً للمس بجوار الأزرار الأطول، والبطاقات ذات النسب المئوية قد تنضغط حتى تنكسر كل كلمة في سطر منفرد.
تضع خاصية min-width حداً أفقياً أدنى يحمي العنصر من هذا الانضغاط؛ فلا يقل عرضه أبداً عن القيمة المحددة، مع بقائه حراً تماماً للتمدد التلقائي متى زاد طول النص بداخله.
الصف 2
صورة توضيحية
الصف 3
ملاحظة هامة
جميع فقرات هذا الدرس (خاصية min-width للتحكم في أدنى عرض للعنصر في لغة CSS)
