CSS:
.img-responsive{
max-width:100%;
height:0;
padding-bottom:90%;
overflow:hidden;
}
.img-responsive img{
width:100%;
}
HTML:
<div class="img-responsive">
<img src=“img/banner.png”>//这边引号改成英文的
</div>
效果:
CSS:
.img-responsive{
max-width:100%;
height:0;
padding-bottom:90%;
overflow:hidden;
}
.img-responsive img{
width:100%;
}
HTML:
<div class="img-responsive">
<img src=“img/banner.png”>//这边引号改成英文的
</div>
效果:
本文标题：CSS实现图片等比例缩放
本文链接：https://www.haomeiwen.com/subject/fajyqxtx.html
网友评论