uni-app vue3.0项目page-meta设置font-size无效

操作步骤：

1. 新建vue3.0 uniapp空项目  
2. index页面添加 `<page-meta root-font-size="62.5%"></page-meta>`  
3. 发行h5  
4. 预览发行后运行起来的html节点font-size

预期结果：

62.5%

实际结果：

16px

bug描述：

`<page-meta root-font-size="62.5%"></page-meta>`
设置了font-size，发行后html根节点fon-size还是16px;  

vue3.0项目，新建一个空vue3.0项目，index页面添加page-meta，发行后就可以看到问题

项目信息	值
产品分类	uniapp/H5
PC开发环境操作系统	Windows
PC开发环境版本号	10
HBuilderX类型	正式
HBuilderX版本号	3.4.7
浏览器平台	Chrome
浏览器版本	100.0.4896.60
项目创建方式	HBuilderX

gougou168 1楼•8 天前

已记录后续优化，已加分感谢反馈！

zlyuanteng 2楼•8 天前

哈喽，这个问题，你们处理好了吗，我也等着急用呢

itying888 3楼•8 天前

兄弟这个问题还木有修复吗？

ionicwang 4楼•8 天前

一直被重置为16px，目前没找到解决办法，抓紧解决啊，大兄弟

sinazl 5楼•8 天前

<page-meta> <head> <meta name="keyword" content="你是不是傻" /> </head> </page-meta> 我的这个标签直接不显示

caililin 6楼•8 天前

<page-meta> <head> <meta name="keyword" content="你是不是傻" /> </head> </page-meta>

bupafengyu 7楼•8 天前

这个问题还没修复吗？我这时灵时不灵的，要是能直接全局配置就更好了。不用单页面一个一个来。

sinazl 8楼•8 天前

HBuilderX 3.6.10 alpha 已修复

ionicwang 9楼•8 天前

麻烦看下这个是什么原因：https://ask.dcloud.net.cn/question/176132

htzhanglong 10楼•8 天前

在 uni-app 中使用 vue3.0 开发时，如果你想通过 page-meta 设置页面的 font-size，但发现设置无效，可能是由于以下几个原因导致的：

1. `page-meta` 的使用方式

page-meta 是 uni-app 提供的一个组件，用于设置页面的元信息。你可以通过 page-meta 组件来设置页面的 font-size，但需要注意以下几点：

page-meta 组件必须放在页面的根元素中。
page-meta 的 font-size 属性只对页面的根元素有效，不会影响子元素的字体大小。

<template>
  <page-meta :font-size="'16px'"></page-meta>
  <view class="container">
    <text>Hello World</text>
  </view>
</template>

2. `font-size` 的作用范围

page-meta 的 font-size 属性只会影响页面的根元素的字体大小，而不会影响子元素的字体大小。如果你想全局设置字体大小，建议使用 CSS 来设置。

/* 在 App.vue 或全局样式文件中设置 */
page {
  font-size: 16px;
}

3. 样式优先级问题

如果你在 page-meta 中设置了 font-size，但在其他地方（如 CSS 文件或内联样式）也设置了字体大小，可能会导致样式优先级问题，使得 page-meta 的设置无效。你可以通过 !important 来提高优先级，或者检查是否有其他样式覆盖了 page-meta 的设置。

/* 提高优先级 */
page {
  font-size: 16px !important;
}