img图片不改变比例自适应占满DIV
解决不固定图片原始大小，不改变比例，自动填充满父容器的需求。<style type="text/css">div{width: 100px;height: 100px;}div img{width: 100%;height: 100%;object-fit: cover;}</style><div style=""><img src="./picture-
·
解决不固定图片原始大小，不改变比例，自动填充满父容器的需求。
<style type="text/css">
div{
width: 100px;
height: 100px;
}
div img{
width: 100%;
height: 100%;
object-fit: cover;
}
</style>
<div style="">
<img src="./picture-1.jpg" >
</div> object-fit:cover，类似背景的background-size:cover，可等比例放大占满容器，超出部分切割。
object-fit:contain，等比例放大填满容器，但不会超出容器，也就是会有留白。
权威｜前沿｜技术｜干货｜国内首个API全生命周期开发者社区
更多推荐
3
0- 0
已为社区贡献1条内容
所有评论(0)