?
This document uses PHP Chinese website manual Release
通過創(chuàng)建可在任何設(shè)備上縮放的固有比率,根據(jù)父級的寬度創(chuàng)建響應(yīng)式視頻或幻燈片嵌入。
規(guī)則被直接施加到<iframe>
,<embed>
,<video>
和<object>
元件;.embed-responsive-item
如果要為其他屬性的樣式進行匹配,可以使用明確的后代類。
專家提示!你不需要包含frameborder="0"
在你的<iframe>
s中,因為我們會為你覆蓋。
將任何嵌入內(nèi)容嵌入到具有縱橫比<iframe>
的父元素中.embed-responsive
。.embed-responsive-item
并非嚴(yán)格要求,但鼓勵使用。
<div class="embed-responsive embed-responsive-16by9"> <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/zpOULjyy-n8?rel=0" allowfullscreen></iframe></div>
寬高比可以使用修飾符類自定義。
<!-- 21:9 aspect ratio --><div class="embed-responsive embed-responsive-21by9"> <iframe class="embed-responsive-item" src="..."></iframe></div><!-- 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><!-- 1:1 aspect ratio --><div class="embed-responsive embed-responsive-1by1"> <iframe class="embed-responsive-item" src="..."></iframe></div>