CSS教程

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盒子一定是有确定的大小。

然后用这个:

background-size: 100% 100%; 实现图片大小自适应  

 

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