uniapp自适应屏幕大小

在uni-app中，可以使用flex布局和vw/vh单位来实现自适应屏幕大小的效果。

1. 使用flex布局

在父元素中设置display:flex，子元素会自动根据父元素的宽度进行等比例缩放。具体代码如下：

<template>
  <div class="container">
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
  </div>
</template>

<style>
.container {
  display: flex;
  justify-content: space-between;
}

.item {
  width: 30%;
  height: 100px;
  background-color: red;
}
</style>

2. 使用vw/vh单位

vw和vh是相对于视口宽度和高度的单位，可以直接使用它们来设置元素的宽度和高度。具体代码如下：

<template>
  <div class="container">
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
  </div>
</template>

<style>
.container {
  display: flex;
  justify-content: space-between;
}

.item {
  width: 30vw;
  height: 30vh;
  background-color: red;
}
</style>

以上两种方法都可以实现自适应屏幕大小的效果，具体使用哪种方法取决于你的实际需求。