<div style="width: 20%; border: 2px solid black; padding-bottom: 8.43%;
background: url('../assets/1bg.png') no-repeat; background-size: cover"></div>
既然是动态，那么width就是当前盒子的百分比，高度通过padding值了撑高。
举个例子，若是200x100的图片，那么宽高比就是2:1，因此当前盒子占x%长度时，padding-bottom设置为0.5x%即可，这样就能确保动态宽高了
标签：高度,x%,padding,div,动态,背景图 From： https://www.cnblogs.com/ricardox3/p/17328707.html