شیء تناسب شامل
برای دریافت عنوان مورد نظر از کلاس .object-fit-contain استفاده کنید.
<div class="card-body object-fit-container">
<img src="./images/media/1.jpg" class="object-fit-contain border rounded" alt="...">
</div>
پوشش شیء مناسب
برای دریافت عنوان مورد نظر از کلاس .object-fit-cover استفاده کنید.
<div class="card-body object-fit-container">
<img src="./images/media/1.jpg" class="object-fit-cover border rounded" alt="...">
</div>
شیء فیت پر
برای دریافت عنوان مورد نظر از کلاس .object-fit-fill استفاده کنید.
<div class="card-body object-fit-container">
<img src="./images/media/1.jpg" class="object-fit-fill border rounded" alt="...">
</div>
مقیاس تناسب شی
برای دریافت عنوان مورد نظر از کلاس .object-fit-scale استفاده کنید.
<div class="card-body object-fit-container">
<img src="./images/media/1.jpg" class="object-fit-scale border rounded" alt="...">
</div>
شیء تناسب ندارد
برای دریافت عنوان خواسته از کلاس .object-fit-none استفاده کنید.
<div class="card-body object-fit-container">
<img src="./images/media/1.jpg" class="object-fit-none border rounded" alt="...">
</div>
شیء تناسب شامل (پاسخگو - sm)
از کلاس .fit-sm-contain برای دریافت عنوان خواسته استفاده کنید.
<div class="card-body object-fit-container">
<img src="./images/media/1.jpg" class="object-fit-sm-contain border rounded" alt="...">
</div>
شیء تناسب شامل (پاسخگو - md)
از کلاس .fit-md-contain برای دریافت عنوان خواسته استفاده کنید.
<div class="card-body object-fit-container">
<img src="./images/media/1.jpg" class="object-fit-md-contain border rounded" alt="...">
</div>
شیء تناسب شامل (پاسخگو - lg)
برای دریافت عنوان مورد نظر از کلاس .for-lg-contain استفاده کنید.
<div class="card-body object-fit-container">
<img src="./images/media/1.jpg" class="object-fit-lg-contain border rounded" alt="...">
</div>
شیء تناسب شامل (پاسخگو - xl)
برای دریافت عنوان مورد نظر از کلاس .fit-xl-contain استفاده کنید.
<div class="card-body object-fit-container">
<img src="./images/media/1.jpg" class="object-fit-xl-contain border rounded" alt="...">
</div>
شیء تناسب شامل (پاسخگو - XXl)
برای دریافت عنوان خواسته از کلاس .object-fit-xxl-contain استفاده کنید.
<div class="card-body object-fit-container">
<img src="./images/media/1.jpg" class="object-fit-xxl-contain border rounded" alt="...">
</div>
شیء تناسب شامل Vidio
برای دریافت عنوان مورد نظر از کلاس .object-fit-contain استفاده کنید.
<div class="card-body object-fit-container">
<video src="./images/media/transaction.mp4" class="object-fit-contain border rounded" autoplay loop muted></video>
</div>
پوشش شیء مناسب Vidio
برای دریافت عنوان مورد نظر از کلاس .object-fit-cover استفاده کنید.
<div class="card-body object-fit-container">
<video src="./images/media/transaction.mp4" class="object-fit-cover border rounded" autoplay loop muted></video>
</div>
شیء فیت پر Vidio
برای دریافت عنوان مورد نظر از کلاس .object-fit-fill استفاده کنید.
<div class="card-body object-fit-container">
<video src="./images/media/transaction.mp4" class="object-fit-fill border rounded" autoplay loop muted></video>
</div>
مقیاس تناسب شی Vidio
برای دریافت عنوان مورد نظر از کلاس .object-fit-scale استفاده کنید.
<div class="card-body object-fit-container">
<video src="./images/media/transaction.mp4" class="object-fit-scale border rounded" autoplay loop muted></video>
</div>
شیء تناسب ندارد Vidio
برای دریافت عنوان خواسته از کلاس .object-fit-none استفاده کنید.
<div class="card-body object-fit-container">
<video src="./images/media/transaction.mp4" class="object-fit-none border rounded" autoplay loop muted></video>
</div>