uniapp 图片自适应不压缩_uniapp图片自适应

作者：空白诗007 | 2024-08-09 15:55:19

踩

uniapp图片自适应

第一种

图片原始宽高 / 缩放比例


.img{
    width: 90upx / 1.2;
	height: 60upx / 1.2;
}

第二种

image 标签中的 mode 属性可以设置为 widthFix ，宽度不变，高度自动变化，保持原图宽高比不变。也可以给mode 设置 heightFix ，width 设置为 inherit ，高度不变，宽度自动变化，保持原图宽高比不变


<image class="img" src="" mode="widthFix"></image>
 
.img{
    width: 90upx /1.2;
	height:inherit;
}

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/空白诗007/article/detail/954045