微信小程序设置 root font size 来影响 rem 字体大小 |
您所在的位置:网站首页 › 微信默认的字体多大 › 微信小程序设置 root font size 来影响 rem 字体大小 |
我习惯用 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 放在哪个文件中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 聊聊, 查看更多联系方式 |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |