美文网首页
JS手机端自适应单位转换引用插件

JS手机端自适应单位转换引用插件

作者: 小碗吃不了 | 来源:发表于2019-12-19 15:24 被阅读0次
    • 仅用于简单或是单个页面使用

    • flexible.min.js

    • 使用,px除以100转rem即可

       <script type="text/javascript">
            //引入该flexible.min.js
            !function(e,t){function n(){var n=l.getBoundingClientRect().width;t=t||540,n>t&&(n=t);var i=100*n/e;r.innerHTML="html{font-size:"+i+"px;}"}var i,d=document,o=window,l=d.documentElement,r=document.createElement("style");if(l.firstElementChild)l.firstElementChild.appendChild(r);else{var a=d.createElement("div");a.appendChild(r),d.write(a.innerHTML),a=null}n(),o.addEventListener("resize",function(){clearTimeout(i),i=setTimeout(n,300)},!1),o.addEventListener("pageshow",function(e){e.persisted&&(clearTimeout(i),i=setTimeout(n,300))},!1),"complete"===d.readyState?d.body.style.fontSize="16px":d.addEventListener("DOMContentLoaded",function(e){d.body.style.fontSize="16px"},!1)}(750,750);
        </script>
      

    https://github.com/kujian/simple-flexible/blob/master/flexible.js

    相关文章

      网友评论

          本文标题:JS手机端自适应单位转换引用插件

          本文链接:https://www.haomeiwen.com/subject/hmgmnctx.html