问题描述
使用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>
网友评论