- 发布:2023-02-13 16:22
- 更新:2024-01-19 11:14
- 阅读:648
产品分类: 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
chanye
回复 z***@shijigroup.com: 也是这样,大佬解决了吗
2024-06-03 17:16