写一个uniapp的屏幕自适应

在uniapp中，可以通过使用rem实现屏幕自适应。具体步骤如下：

1. 在项目的根目录下创建一个名为“postcss.config.js”的文件，并在其中添加以下内容：

module.exports = {
  "plugins": {
    "postcss-pxtorem": {
      "rootValue": 75,
      "minPixelValue": 2,
      "propList": ["*"]
    }
  }
}

其中，rootValue表示设计稿宽度除以10得到的值，minPixelValue表示最小的转换数值，propList表示需要转换的属性列表。

2. 在App.vue文件中添加以下代码：

<style lang="scss">
  @import "@/styles/varibles.scss";
  @import "@/styles/mixins.scss";

  // 设置html的font-size，用于rem转换
  html {
    font-size: 37.5px;
  }
</style>

其中，37.5px表示设计稿宽度除以10得到的值。

3. 在需要自适应的页面中，使用rem单位进行布局。例如，如果设计稿中一个元素的宽度为375px，则可以通过以下代码设置其宽度：

div {
  width: 5rem;
}

这样，在不同的屏幕尺寸下，元素的宽度会自动进行适配。

需要注意的是，uniapp中使用rem进行自适应时，需要保证设计稿的尺寸是固定的。如果设计稿的尺寸不固定，则可能会导致布局出现问题。