我是靠谱客的博主 自信滑板,这篇文章主要介绍小程序image图片变形,现在分享给大家,希望可以做个参考。

有次写商城,发现图片总是会变形,找了很久都不知道是什么问题

在这里插入图片描述

后来发现小程序的image标签是有默认的宽高的
<image> 组件默认宽度 300px、高度 225px;

小程序的image标签是有mode模式的,图片缩放模式

这个模式有缩放模式,有裁剪模式,具体可以看文档

我这里的话就是没有去掉图片的默认宽高

<image src="" mode="widthFix"></image> //直接设置mode=widthFix就可以去掉默认的宽高

效果图:
在这里插入图片描述

最后

以上就是自信滑板最近收集整理的关于小程序image图片变形的全部内容,更多相关小程序image图片变形内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(59)

评论列表共有 0 条评论

立即
投稿
返回
顶部