css属性 :object-fit ,对图片剪裁 并保留原有比例
1.照片按照设定宽度原尺寸比例缩放,不破坏原图
<img src="{{$tag->logo}}" alt="{{$tag->name}}" style="width: 150px;object-fit:contain">
2.照片随容器大小缩放,自适应容器
<div style="width: 65%;margin: auto;text-align: center;">
<img src="**" style="width: 80%;object-fit: contain;margin: auto;">
</div>
效果
*属性值参考