css设置图片根据div的大小等比例缩放

本文主要是介绍css设置图片根据div的大小等比例缩放，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

 1 .img{
 2     position: absolute;
 3     background:url("../images/success.png") no-repeat;
 4     width: 80px;
 5     height: 80px;
 6     top:50%; 
 7     left:50%;
 8     background-size: 100% 100%;
 9     transform: translate(-50%,-50%);
10 }

注意：图片所在的div盒子一定是有确定的大小。

然后用这个：

这篇关于css设置图片根据div的大小等比例缩放的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！