大屏展示下的字体自适应

使用rem完成不同分辨率下的字体自适应。

(function(doc,win){
     let fn = () => {
         let docEl = doc.documentElement,
             clientWidth = docEl.clientWidth;
         if (!clientWidth) return;
         docEl.style.fontSize = 100 * (clientWidth / 1920) + 'px';
     }
     if (!doc.addEventListener) return;
     win.addEventListener('resize',fn);
     doc.addEventListener('DOMContentLoaded',fn);
 })(document,window);

你可能感兴趣的:(JavaScript,大屏,字体自适应,rem)