uniapp 图片自适应

在UniApp中，可以使用以下方法来实现图片的自适应：

1. 使用CSS的`object-fit`属性：将图片放置在一个容器内，然后使用CSS的`object-fit`属性来指定图片的显示方式。例如，设置`object-fit: cover;`可以让图片等比例缩放，并填充满容器。

<template>
  <div class="image-container">
    <img src="path/to/image.jpg" alt="Image" class="responsive-image">
  </div>
</template>

<style>
.image-container {
  width: 100%;
  height: 0;
  padding-bottom: 75%; /* 设置容器高度为宽度的75% */
  position: relative;
}

.responsive-image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
</style>

2. 使用uni-app的自定义组件：UniApp提供了一些自定义组件，例如`uni-image`和`uni-grid`，它们可以帮助实现图片的自适应。你可以通过查阅UniApp的文档来了解如何使用这些组件。

<template>
  <view>
    <uni-image src="path/to/image.jpg" mode="aspectFill"></uni-image>
  </view>
</template>

以上是两种常见的方法，你可以根据具体需求选择适合的方式来实现图片的自适应。