我想要 2 列，左列是視頻（縱橫比為 16x9），右列是側邊欄（最小寬度）。當視窗的寬度發生變化時，視頻應相應調整大小，側邊欄應保持其寬度。
但是，我不明白為什么 .ratio::before 有一個填充頂部。
https://imgur.com/a/OtavqX3
代碼筆： https ://codepen.io/yewzy/pen/PoOxLyO
這是我的代碼：
<div class="container" id="main">
<div class="d-flex" id="row-main">
<div class="col-sm-9 col-12">
<div class="flex-grow-1" id="content">
<div class="ratio ratio-16x9">
<video id="vid"></video>
</div>
</div>
</div>
<div class="col-sm-3 col-12" id="sidebar">
<iframe class="chat"></iframe>
</div>
uj5u.com熱心網友回復：
您應該將ratio類??放在您希望具有 16x9 縱橫比的元素上。這只是將ratio-16x9類留在父 div 上，并將其ratio本身留在視頻上。
查看 CodePen ~ A Pen for Yew AMP & Ratio-16x9
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/437644.html