根據(jù)被嵌入內(nèi)容的外部容器的寬度,自動創(chuàng)建一個固定的比例,從而讓瀏覽器自動確定視頻或 slideshow 的尺寸,能夠在各種設(shè)備上縮放。
這些規(guī)則被直接應(yīng)用在 <iframe>、<embed>、<video> 和 <object> 元素上。如果你希望讓最終樣式與其他屬性相匹配,還可以明確地使用一個派生出來的 .embed-responsive-item 類。
超級提示: 不需要為 <iframe> 元素設(shè)置 frameborder="0" 屬性,因?yàn)槲覀円呀?jīng)替你這樣做了!
<!-- 16:9 aspect ratio -->
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="..."></iframe>
</div>
<!-- 4:3 aspect ratio -->
<div class="embed-responsive embed-responsive-4by3">
<iframe class="embed-responsive-item" src="..."></iframe>
</div>