جاسازی ها | قالب مدیریتی دش‌لایت

کامپوننت ها

جاسازی های رسانه

با ایجاد یک نسبت حقیقی که در هر دستگاهی مقیاس می شود، ویدیوهای واکنشگرا یا جاسازی های نمایش اسلاید را بر اساس عرض والد ایجاد کنید.

مثال

هر جاسازی را مانند <iframe> در یک عنصر والد با .ratio و نسبت ابعاد پوشش دهید.
.ratio-item به شدت مورد نیاز نیست، اما ما آن را ترجیح می دهیم.

مثال کد

<div class="ratio">
  <iframe class="ratio-item" src="..." allowfullscreen></iframe>
</div>

نسبت ابعاد

نسبت ابعاد را می توان با کلاس های اصلاح کننده سفارشی سازی کرد. به طور پیش فرض کلاس های نسبت زیر در دسترس هستند.

مرجع کلاس	مقدار
`.ratio-{value}`	21x9 \| 16x9 \| 4x3 \| 1x1

مثال استفاده

<div class="ratio ratio-16x9">...</div>