网页单位为(rem)时,js控制自适应字体大小

//　　js部分:屏幕大小决定根元素字体大小

(function flexible(window, document) {
  function resetFontSize() {
    const size = (document.documentElement.clientWidth / 1920) * 16;//1920为设计稿宽度
    if(document.documentElement.clientWidth>1920){
        document.documentElement.style.fontSize = 16 + 'px';
    }else if(document.documentElement.clientWidth>1200){
        document.documentElement.style.fontSize = size + 'px';
    }else if(document.documentElement.clientWidth<=1200){
        document.documentElement.style.fontSize = 12 + 'px';
    }
  }
  window.addEventListener('pageshow', resetFontSize);
  window.addEventListener('resize', resetFontSize);
})(window, document);

//　　css部分:媒体类型为@media规则,一般书写方式为

@media screen and (min-width: 1200px) and (max-width: 1919px){}

@media (min-width:1200px){}

@media (max-width:750px) {}