【现象】
在页面切换时,随机性出现显示白屏或者错乱。js代码能够正常运行,控制台能正常输出。
【代码写法】
使用rem作为单位,并且使用类似以下代码来实现在不同机型上的大小问题。
document.documentElement.style.fontSize = document.documentElement.clientWidth / 7.5 + 'px'
【原因】
显示白屏或错乱的原因,是因为上面这段代码计算出来的fontSize可能为0,导致元素无法正常显示。这个在其他浏览器上是从未出现过的,建议官方修复。
【解决办法】
在官方没有修复之前,可以使用以下代码替换上述代码来解决。
(function setFontSize() {
document.documentElement.style.fontSize = document.documentElement.clientWidth / 7.5 + 'px'
if(document.documentElement.clientWidth === 0) {
setTimeout(setFontSize, 100)
}
})()
2 个评论
要回复文章请先登录或注册
1***@qq.com
1***@qq.com