css实现背景图片等比例缩放

在实际工作中，怎样实现给标签的添加的背景图片，能像img标签一样，可以等比例缩放呢，今天就跟大家说一个巧方法，即通过padding填充的方法,其中padding-bottom的值是图片的宽高的百分比。

具体代码如下：

<div style="width: 100%;height: 0px;padding-bottom:64.375%;height:0px!important;">

<div style="background:url('333.png') #151515 center 0 no-repeat;background-size:100% 100%;padding-bottom:64.375%"></div>

</div>

代码比较简单，希望对大家有帮助。。。。。。。。。。。。