【正在准备试卷】是个 a 标签,在页面初始化时,为何会先呈现原始基础样式(蓝色、带下划线),然后才显示正常样式?如下 gif 图。
机型:安卓多个机型
环境:公司内部 app
页面是 H5,打开方式是在 app 内部访问。
目前只在公司内部打包生成的 app 中出现该 bug,其他主流浏览器均无复现。
自己推测是 webview 渲染问题,但不知具体原因,以及解决方案。
请问有人碰到过类似问题吗?
【正在准备试卷】是个 a 标签,在页面初始化时,为何会先呈现原始基础样式(蓝色、带下划线),然后才显示正常样式?如下 gif 图。
机型:安卓多个机型
环境:公司内部 app
页面是 H5,打开方式是在 app 内部访问。
目前只在公司内部打包生成的 app 中出现该 bug,其他主流浏览器均无复现。
自己推测是 webview 渲染问题,但不知具体原因,以及解决方案。
请问有人碰到过类似问题吗?
3 回答5.1k 阅读✓ 已解决
5 回答1.9k 阅读
3 回答1.4k 阅读✓ 已解决
2 回答2.6k 阅读✓ 已解决
4 回答1.6k 阅读✓ 已解决
2 回答2.5k 阅读✓ 已解决
2 回答1.9k 阅读✓ 已解决
自问自答
1、背景补充
页面采用 flexible.js 的写法。
flexible.js 在 <head> 中引入。
2、原因
flexible.js 在载入后,会判断是否有 body 标签,代码如下:
问题的原因就在于没有检测到<body>,所以没有在最开始设置 font-size,而是等到其他内容都载入后,才设置 font-size,导致元素放大。
3、解决方法
将flexible.js置于<body>后,其他代码前。