vue中,图片在div中按照图片原来大小等比例显示

avatar
作者
筋斗云
阅读量:1

图片在div中按照图片原来大小等比例显示,可以保证web上显示的图片和实际图片形状一样,保留原始图片效果

实现代码如下:

<div style="padding: 0; width:400px;height:400px;position: absolute;border: 1px solid #eff2f6;">    <img :src="imgOptions.img" style="width: 100%;height:100%;object-fit: contain;"/> </div>

效果如下:

广告一刻

为您即时展示最新活动产品广告消息,让您随时掌握产品活动新动态!