小程序中遇到的问题

Posted 2020-12-02 我就是那个王小明

一，小程序图片要使用绝对地址，不能使用双协议地址，这样会导致安卓机图片空白。
正确地址： https://aa.com/bb/cc
错误： //aa/bb/cc
二，小程序自带image标签必须要带宽度，不能做到宽度自适应，只能高度自适应。以下介绍比较合适的两种解决方式：
第一： 使用mode: widthFix缩放，此时需要获取此位置放置的所有图片中的最小宽度，将大图片按照宽高比缩小，放置在此位置。但是前提是所有图片的宽高比例相同，才能保证图片按照比例缩放填进来之后不失真。此方法可以使用，但是感觉还是体验最好的方式。
第二： 图片宽高固定，使用mode: scaleToFill，使得图片在此块位置里面自适应，填满整个位置。如果设计在此位置设计的图片大小不一，就很容易出现失真的现象，所以设计最好设置的图片大小一致。