移动端加载页面刚开始会字体变大的解决办法

Posted 2020-12-14 cuishuangshuang

原因：是内容过多，渲染不及时；

解决办法：body元素前加这个js；

　　<script type="text/javascript">

　　　　var docEl = document.documentElement;

　　　　var clientWidth = window.innerWidth;

　　　　if(clientWidth <= 320){

　　　　　　docEl.style.fontSize = ‘50px‘;

　　　　}else if(clientWidth >= 640){

　　　　　　docEl.style.fontSize = ‘100px‘;

　　　　}else{

　　　　　　docEl.style.fontSize = 100 * (clientWidth / 640) + ‘px‘;

　　　　}

　　</script>