收藏
回答

小程序page-meta在部分微信设置下失效的bug

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug page-meta 微信安卓客户端 8.0.16 2.21.1

设置page-meta的root-font-size后,使用rem布局,在字体调整时会发生永久性不可逆的元素布局失效,测试出现问题的设备为华为P30、华为Nova7Pro、小米10Pro、小米10Ultra,为鸿蒙最新系统和MIUI最新稳定版。此bug为大概率出现,建议在MIUI下多找几台设备进行测试复现。

复现步骤:

1.新建一个页面,在页面顶部插入<page-meta root-font-size="5px"></page-meta>

2.在页面里写一个view,使用rem进行布局(例如:height:10rem),再写一个对比元素(高度例如:50px),这时候理论情况下他们两个元素应该是相同高度的;

3.打开微信设置->通用->字体大小,将字体调到最大;

4.此时微信会重启,然后再次打开小程序,此时会发现两个元素不一样大了,将字体调整回正常大小,小程序的rem布局依然不正常,且再也不能恢复(除非卸载微信重装)

最后一次编辑于  2021-12-09
回答关注问题邀请回答
收藏

2 个回答

  • 。
    2022-03-21

    问题解决了吗?

    2022-03-21
    有用
    回复
  • 😶
    😶
    2021-12-12

    请具体描述问题出现的流程,并提供能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。

    2021-12-12
    有用
    回复 2
登录 后发表内容