CSS实现宽度自适应100%，宽高16:9的比例的圖片或者矩形

前言 图片的大小是多少，宽度一定，高度要始终自自适应为16:9。   解决 1通过js，程序算出绝对高度再进行设置。这是解决问题最容易想到的方法。 2.我们的原则是能用css实现的功能尽量用css，这有利于后期项目的维护。 css同样可以实现这个问题，我们可以利用边距的百分比属性定义来优雅实现。   我们通过百分比设置宽度，根据宽度的比例数值*9/16，计算出高度的百分比数值， 设置内边距为高度的

>>阅读原文<<