我习惯用 rem 来设置小程序界面中的字体大小。但是默认的 16px 字号，在文字偏多的界面中，显得有点大。如果需要修改默认的 root font size，可以使用微信小程序的 page meta 中的 root-font-size 来设置。
参考官方文档：
https://developers.weixin.qq.com/miniprogram/dev/component/page-meta.html
root-font-size: 页面的根字体大小，页面中的所有 rem 单位，将使用这个字体大小作为参考值，即 1rem 等于这个字体大小；自小程序版本 2.11.0 起，也可以设置为 system.
<page-meta
root-font-size="14px"
>
</page-meta>
page meta 放在哪个文件中
wxml 文件的头部。
是否可以全局配置
而不是一个一个页面的配置。
有没有类似网页模板式的 include 一个子模板来实现。有的。
https://developers.weixin.qq.com/miniprogram/dev/reference/wxml/import.html
可以直接使用 include 功能来实现。
template, include, import 的概念区别
- template 可以被 import, 但是不可以被 include
- include 是导入 wxml 中的非 template 和 wsx 内容
- template 若是定义在当前 wxml 中，则不需要 import 就能使用
普通网页设置 root font size
而在普通的 html 网页中，这个设置是
html {
font-size: 17px;
}
通过设置 Page 是否能达到同样的效果
通过 Page 来全局配置应该更方便，但是得测试一下修改 Page 是否有效。
通过在 app.wxss 中设置
Page {
font-size: 10px;
}
测试发现，对 rem 是无效的，但是对页面中的未设置字号以及 em 为单位的字是有效的。
关于作者 🌱
我是来自山东烟台的一名开发者，有感兴趣的话题，或者软件开发需求，欢迎加微信 zhongwei 聊聊，或者关注我的个人公众号“大象工具”， 查看更多联系方式