码迷,mamicode.com
首页 > 移动开发 > 详细

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

时间:2020-07-02 16:32:05      阅读:86      评论:0      收藏:0      [点我收藏+]

标签:inner   document   window   script   else   移动端   font   fonts   idt   

原因:是内容过多,渲染不及时;

解决办法: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>

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

标签:inner   document   window   script   else   移动端   font   fonts   idt   

原文地址:https://www.cnblogs.com/cuishuangshuang/p/13225280.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!