我爱模板网 > 建站教程 > JS、jQ、TS >  手机端转换rem适应_javascript技巧正文

手机端转换rem适应_javascript技巧

话不多说,请看代码:

 <script>
  (function() {
   var changeRem = function() {
    document.getElementsByTagName('html')[0].style.fontSize = document.documentElement.clientWidth / 20 + 'px';
   };
   changeRem();
   var t;
   window.addEventListener('resize', function() {
    clearTimeout(t);
    t = setTimeout(changeRem, 300);
   }, false);
   window.addEventListener('pageshow', function(e) {
    if (e.persisted) {
     clearTimeout(t);
     t = setTimeout(changeRem, 300);
    }
   }, false);
  }());
 </script>

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持!



部分素材资源来源网站,本站提供免费下载,如有侵权请联系站长马上删除!
上一篇:ES6新特性之变量和字符串用法示例_javascript技巧 下一篇:ES6新特性之数组、Math和扩展操作符用法示例_ja
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
选择头像:
最新评论

猜你喜欢