收藏
回答

小程序如何设置全局字体按比例缩放?

需求是这样的:用户可以在小程序里面自由调整全局字体的大小,不是统一字号,只是现有的字体按比例缩放,以适应更多的人群

那么问题来了,查阅了小程序的文档好像也没有这种api,求助大神

小程序如何全局动态按比例缩放字体

回答关注问题邀请回答
收藏

3 个回答

  • 浪花骑士
    浪花骑士
    2022-03-31

    字体使用rem单位,用page-meta组件包裹你的wxml文件,

    page-meta组件中设置好root-font-size即可,

    root-font-size建议设置到全局stores中,

    小程序全局stores推荐:

    https://www.npmjs.com/package/mobx-miniprogram-bindings

    page-meta文档见:

    https://developers.weixin.qq.com/miniprogram/dev/component/page-meta.html

    2022-03-31
    有用 1
    回复 1
    • 等疯🐶
      等疯🐶
      2022-04-06
      感谢
      2022-04-06
      回复
  • 老张
    老张
    2022-03-31

    onShow:function(){this.setData({fontSize:app.globalData.fontSize})}

    2022-03-31
    有用
    回复 1
    • 等疯🐶
      等疯🐶
      发表于移动端
      2022-03-31
      这样设置全部都是一个字号了,需要按比例缩放的
      2022-03-31
      回复
  • 拾忆
    拾忆
    2022-03-31

    没有动态设置字体大小的API,只能自己多写几套样式让用户选择切换,或者根据rpx自动缩放。

    2022-03-31
    有用
    回复 3
    • 等疯🐶
      等疯🐶
      2022-03-31
      偏偏就遇到这种需求,唉
      2022-03-31
      回复
    • 拾忆
      拾忆
      2022-03-31回复等疯🐶
      那就提前写好多种风格样式,然后切换吧。
      2022-03-31
      回复
    • 等疯🐶
      等疯🐶
      发表于移动端
      2022-03-31回复拾忆
      这样太难维护了
      2022-03-31
      回复
登录 后发表内容