0
点赞
收藏
分享

微信扫一扫

html img标签 商品列表图片自适应解决方案

html img标签 商品列表图片自适应解决方案_缩放

商品列表图片自适应解决方案.gif

左右布局,嵌套img标签,效果不理想,图片会被压缩,只能针对已知道图片固定规格,然后等比缩放

 <img src="${obj.headPic}" alt="">

用background方案实现,可以应对图片不知道规格,应对手机可以自适应大小展示,效果强大。

<div class="tl-flex"  style="width:111px;height:85px;align-items: center;margin:0 auto;background: url(${obj.headPic}) no-repeat center top;background-size: 100%">

举报

相关推荐

0 条评论