uniapp移动端图片适配

在UniApp中，可以使用CSS样式来对移动端图片进行适配。以下是一些常用的方法：

1. 使用百分比或vw/vh单位：可以通过设置图片的宽度和高度为百分比或vw/vh单位，使其相对于父元素或视口进行缩放。例如：

.img {
  width: 100%;
  height: auto;
}

2. 使用rem单位：UniApp支持使用rem单位来进行适配。可以根据设计稿的尺寸，将根元素的字体大小设置为设计稿宽度除以10，然后使用rem单位来设置图片的尺寸。例如：

html {
  font-size: 设计稿宽度 / 10;
}

.img {
  width: 10rem;
  height: auto;
}

3. 使用flex布局：使用flex布局可以方便地进行图片的自适应布局。可以将图片容器设置为flex布局，并使用`flex-grow`属性来控制图片的伸缩比例。例如：

.container {
  display: flex;
}

.img {
  flex-grow: 1;
  height: auto;
}

以上是一些常用的方法，具体选择哪种方法取决于你的需求和项目的具体情况。希望对你有帮助！