<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%即可，这样就能确保动态宽高了