问题描述
使用Webview展示本地html数据,偶现页面空白
问题分析
inspect页面发现fontsize=0,查看前端代码发现有设置fontsize的代码
<script>
document.documentElement.style.fontSize = document.documentElement.clientWidth / 7.5 + "px";
</script>
Android的Webview由于自身机制问题,此时获取到的clientWidth可能不准确,获取到的clientWidth为0,导致页面fontSize被设置成了0,表现为页面空白。
问题解决
在onload中重新渲染一次,表现正常。
<script>
document.documentElement.style.fontSize = document.documentElement.clientWidth / 7.5 + "px";
window.onload = function() {
document.documentElement.style.fontSize = document.documentElement.clientWidth / 7.5 + "px";
}
</script>