uniapp打包成app后如何设置屏幕高度适配

在uniapp中，可以使用Flexible布局方案进行屏幕高度适配。具体步骤如下：

1. 安装postcss-px2rem插件

在项目根目录下执行以下命令安装插件：

npm install postcss-px2rem --save-dev

2. 配置postcss.config.js文件

在项目根目录下创建postcss.config.js文件，并添加以下配置：

module.exports = {
  plugins: {
    'postcss-px2rem': {
      remUnit: 75 // 设计稿宽度/10
    }
  }
}

其中，remUnit的值根据设计稿宽度来决定，一般为设计稿宽度除以10。

3. 在App.vue中设置html的font-size

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

<style lang="scss">
  // 设置html的font-size
  html {
    font-size: 37.5px;
  }
</style>

其中，font-size的值为设计稿宽度除以20。

4. 在页面中使用rem作为单位

在页面中使用rem作为单位进行布局即可，如：

<template>
  <div class="box">
    <div class="text">Hello World</div>
  </div>
</template>

<style lang="scss" scoped>
  .box {
    width: 10rem;
    height: 5rem;
  }
  .text {
    font-size: 1.4rem;
    line-height: 2rem;
  }
</style>

这样，在打包成app后，页面就可以根据不同设备的屏幕宽度进行适配了。