手机端转换rem适应

盼什么没什么,怕什么来什么。那些忙于批评别人的人,都忘了检讨自己。生活就是这样,当你想昂着头走路时,你就得随时准备在地上趴着。

话不多说,请看代码:

 <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>

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

您可能有感兴趣的文章
3分钟读懂移动端rem使用方法(推荐)

js实现rem自动匹配计算font-size的示例

原生JavaScript实现remove()和recover()功能示例

jQuery remove()过滤被删除的元素(推荐)

基于rem的移动端响应式适配方案(详解)