div背景图 等比缩放

写在前面

活动页背景使用div做为切图的容器（比img更加方便进行调整以及变化）

遇到了一个问题，等比缩放。
 

解决方法

利用padding-bottom

由于咱们就是单纯的作背景，就能够利用padding百分比相对于与宽的性质

 

 

高度改为用padding-bottom的
高宽比例就是width：padding-bottom

 

使用scale会脱离文档，有穿透性的层叠问题