شرح صفوف ومحتوى الفقرة
تأتي كل صورة أو مقطع فيديو بنسبة أبعاد أصلية تحددها أبعاد الملف الطبيعية بالبكسل. عندما تفرض على عنصر <img> أو <video> قيمتين ثابتتين لخاصيتي width و height لا تطابقان نسبة الملف الأصلية، يعمد المتصفح افتراضياً إلى مط الصورة أو ضغطها لملء الصندوق قسراً؛ فتظهر الصور العريضة مضغوطة أفقياً داخل البطاقات المربعة وتبدو اللقطات الطولية مسطحة ومشوهة داخل اللافتات العريضة.
تعالج خاصية object-fit هذه المشكلة جذرياً عبر فصل أبعاد صندوق العنصر في التخطيط عن طريقة تحجيم وقص محتوى الوسائط المرسوم بداخله.
