CSS实现宽度自适应宽高16:9的矩形的示例

前面我们讲了怎么做一个自适应宽高1:1的正方形 https://www.jb51.net/css/753385.html 现在我们来讲讲做自适应16:9的矩形要怎么做 第一步先计算高度,假设宽100%,那么高为h=9/16=56.25% 第二步利用之前所说设置padding-bottom方法实现矩形 <style> *{ margin: 0px; padding: 0px; } /* .wrap:包裹矩形的div,用来控制矩形的大小 */ .wrap{ width: 20%; } /* .box 矩形div,宽度是.wrap的百分百,这主