图片自适应，压缩

原生html，css

通过设置max-height || max-width

html

<img class="image" src="xxx.png" />

css

.image {
    max-width: 100px;
}

微信小程序

设置mode属性

wxml

<image class="images" src="xxx.png" mode="scaleToFill"></image>

wxss

.images {
    width: 100px;
}

图片压缩

在图片url后缀,设置参考图片压缩

?x-oss-process=image/resize,m_lfit,h_90,w_90

<image src="xxx.png?x-oss-process=image/resize,m_lfit,h_90,w_90"></image>