uni-app 图片自适应视图容器
uni-app中图片直接加background-size,等设置尺寸的属性无效
例
<view>
<image style="background-size: contain; width: 20rpx;" src="/static/dataimg/caifeng.png"></image>
</view>
原因
组件默认样式
## 方法2种
<image>
组件
1.设置mode 有效值
mode 有 13 种模式,其中 4 种是缩放模式,9 种是裁剪模式。
官网组件介绍
2.直接用<img>
标签
不用uni -app的组件,
<view>
<img style="width: 40rpx; background-size: contain;" src="/static/icoimg/shouru.png">
</view>