- 发布：2023-02-13 16:22
- 更新：2024-01-19 11:14
- 阅读：422
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： 21H2
HBuilderX类型： 正式
HBuilderX版本号： 3.6.18
手机系统： 全部
页面类型： vue
vue版本： vue3
打包方式： 云端
项目创建方式： HBuilderX
测试过的手机：
示例代码：
<template>
<page-meta root-font-size="30px"></page-meta>
<view class="content">
<image class="logo" src="/static/logo.png"></image>
<view class="text-area">
<text class="title">{{title}}</text>
</view>
</view>
</template>
<script setup>
import { ref } from 'vue'
let title = ref('测试page-mate root-font-size')
</script>
<style>
.content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.logo {
height: 200rpx;
width: 200rpx;
margin-top: 200rpx;
margin-left: auto;
margin-right: auto;
margin-bottom: 50rpx;
}
.text-area {
display: flex;
justify-content: center;
}
.title {
font-size: 36rpx;
color: #8f8f94;
}
</style>
<template>
<page-meta root-font-size="30px"></page-meta>
<view class="content">
<image class="logo" src="/static/logo.png"></image>
<view class="text-area">
<text class="title">{{title}}</text>
</view>
</view>
</template>
<script setup>
import { ref } from 'vue'
let title = ref('测试page-mate root-font-size')
</script>
<style>
.content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.logo {
height: 200rpx;
width: 200rpx;
margin-top: 200rpx;
margin-left: auto;
margin-right: auto;
margin-bottom: 50rpx;
}
.text-area {
display: flex;
justify-content: center;
}
.title {
font-size: 36rpx;
color: #8f8f94;
}
</style>
操作步骤：
1、新建uniapp默认模板项目
2、在index页面新增<page-meta root-font-size="30px"></page-meta>标签
2、标准基座，运行到真机上
1、新建uniapp默认模板项目
2、在index页面新增<page-meta root-font-size="30px"></page-meta>标签
2、标准基座，运行到真机上
预期结果：
页面字体大小无任何变化
页面字体大小无任何变化
实际结果：
根据page-meta的相对页面字体进行动态设置
根据page-meta的相对页面字体进行动态设置
bug描述：
page-meta标签的root-font-size属性不生效
z***@shijigroup.com (作者)
将项目运行到手机或模拟器--Android基座上，page-meta标签的root-font-size属性不生效，运行到H5端可正常显示
2023-02-15 09:31
z***@shijigroup.com (作者)
经反复测试，只有偶然执行运行->运行到手机或模拟器->运行到Android APP基座操作page-meta标签的root-font-size才生效，但是当把APP进程杀掉再打开APP时或从A页面跳转到B页面再关闭B页再回到A页面时root-font-size属性失效
2023-02-15 09:53
栉风
video标签全屏后会失效 麻烦看下：https://ask.dcloud.net.cn/question/176132
2023-08-14 11:18
c***@163.com
真机调试，打包的时候page-meta标签的root-font-size属性不生效
2023-09-27 18:20
c***@163.com
原来2月份就有这问题了。。。。
2023-09-27 18:21
c***@163.com
我服了，字体老是被重置为16px
2023-09-27 18:21