uni-app 相同字体大小设置，但是编译出来在苹果和安卓的大小不一样

用的啥单位

看着都差不多啊。。是不是你的dpr的问题，一个2.6，一个3

在uni-app中，由于iOS和Android平台对字体渲染存在差异，即使设置了相同的字体大小，最终显示的效果也可能会有所不同。为了解决这一问题，可以通过一些技术手段来尽量统一两个平台上的字体显示。以下是一些常见的解决方案，并结合代码案例进行说明。

1. 使用px与rpx结合

uni-app推荐使用rpx（responsive pixel）作为单位，以适应不同屏幕尺寸。但在字体方面，有时直接使用px可以更精确地控制大小。你可以根据不同平台设置不同的字体大小。

// 在App.vue中根据平台设置全局变量
const platform = uni.getSystemInfoSync().platform;
Vue.prototype.$isIOS = platform === 'ios';

// 在组件中使用
<template>
  <view>
    <text :style="{ fontSize: isIOS ? '16px' : '18rpx' }">示例文本</text>
  </view>
</template>

<script>
export default {
  computed: {
    isIOS() {
      return this.$isIOS;
    }
  }
}
</script>

2. 使用自定义样式类

可以针对不同的平台定义不同的样式类，然后在组件中动态绑定。

/* 在App.vue或公共样式文件中定义 */
.text-ios {
  font-size: 16px;
}
.text-android {
  font-size: 18rpx;
}

<!-- 在组件中使用 -->
<template>
  <view>
    <text :class="[isIOS ? 'text-ios' : 'text-android']">示例文本</text>
  </view>
</template>

<script>
export default {
  computed: {
    isIOS() {
      return uni.getSystemInfoSync().platform === 'ios';
    }
  }
}
</script>

3. 使用字体缩放比例调整

如果希望所有字体大小都按照一定比例进行缩放，可以在全局样式中设置。

/* 在App.vue或公共样式文件中定义全局缩放比例 */
:root {
  --font-scale-ios: 1;
  --font-scale-android: 1.125; /* 根据实际情况调整 */
}

@media (platform: ios) {
  :root {
    --font-scale: var(--font-scale-ios);
  }
}

@media (platform: android) {
  :root {
    --font-scale: var(--font-scale-android);
  }
}

/* 在组件中使用 */
<template>
  <view>
    <text :style="{ fontSize: `${16 * getComputedStyle(document.documentElement).getPropertyValue('--font-scale')}px` }">示例文本</text>
  </view>
</template>

注意：由于CSS媒体查询中的platform并非所有浏览器都支持，实际开发中可能需要结合JavaScript动态判断平台来实现类似效果。

通过上述方法，可以在一定程度上减少iOS和Android平台上字体大小显示不一致的问题。根据具体需求选择合适的方法进行调整。