设置rem基准值

<script type="text/javascript">             (function(){                 var docEl = document.documentElement;                 function setRemUnit(){                                          //获取到rem的基准值                     var rem = docEl.clientWidth / 10;                                          //动态设置html根元素的font-size                     docEl.style.fontSize = rem + 'px';                 }                 setRemUnit();                                  //窗口大小变化时触发                 window.addEventListener('resize',setRemUnit);                                  //窗口出现在当前屏幕时(有浏览器兼容性)                 window.addEventListener('pageshow',function(e){                     if(e.persisted){                         setRemUnit();                     }                 });             })();                      </script>

可直接放在页面头部

来源：博客园

作者：是桂

链接：https://www.cnblogs.com/rickdiculous/p/11801784.html