图片的展现方式-缩放模式

在移动端的设备中，一般都要求将图片完全展示，且等比缩放。
uniapp有几种缩放模式：
1、保持纵横比缩放图片，使图片的长边能完全显示出来。
2、保持纵横比缩放图片，只保证图片的短边能完全显示出来。
3、不保持比例完全铺满
4、宽度不变，高度自动变化，保持原图宽高比不变
5、高度不变，宽度自动变化，保持原图宽高比不变
在上述的5中缩放模式当中，只有第4条：宽度不变，高度自动变化，保持原图宽高比不变 符合要求
原因：
如果我们按照设备的宽度缩放，那不论怎么缩放，图片的宽度总会与设备的宽度保持一致。
假设现在手机屏幕 800 * 1200大小
图片的大小：300 * 500
图片按照手机的 800 宽度完全铺满，那么高度300就会按照 500 -> 800的比例等比缩放。
这样图片可以完全铺满，且不留白边，并且高度会受到宽度的限制(因为是按照宽度等比缩放，宽度比高度长的情况下)，并不会超出预定高度且高度最大值为1000。
![上传中...]()
这种缩放模式，高度会自动变化，也就是说，只适合宽度比高度长的情况，如果宽度比高度短，那么图片的高度将会拉伸的特别高，这种横屏的长图片展示，需要注意，上传的尺寸要做一下限制，图片的宽度需要大于高度。否则高度大于宽度会出现高度超长的问题。

虽然这种缩放模式会出现高度自适应的情况，但是移动端横屏展示的情况下，展示出来的宽度肯定是比高度长的，按照宽度缩放是相对理想的缩放方式。