设置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布局依然不正常,且再也不能恢复(除非卸载微信重装)
问题解决了吗?
请具体描述问题出现的流程,并提供能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。