鍍金池/ 問答/HTML/ 這是計算根元素font-size的代碼，請教詳解

這是計算根元素font-size的代碼，請教詳解

  wh = document.documentElement.clientHeight;
  ww = document.documentElement.clientWidth;
  var scale = ww / wh;
  var scaleX = ww / 750;
  var scaleY = wh / 1335;
  if (ww < 750) {
      if (scaleX * 30 <= 12) {
          document.getElementsByTagName("html")[0].style.fontSize = 12 + "px";
      } else {
          document.getElementsByTagName("html")[0].style.fontSize = scaleX * 30 + "px";           
      }
  }
回答
編輯回答
喜歡你

根據(jù)瀏覽器寬度改變字體大小，以750的標準對應30的字體大?。╮em布局）

1.在瀏覽器小于750的時候生效（可能取決于設(shè)計圖只有750寬）
2.根據(jù)實際寬與標準寬比例，獲取當前寬度下的字體大小
3.如果當前寬度下的字體大小小于12則取12號字體（這里可能是考慮到部分瀏覽器有最小字號的限制）
2017年1月23日 16:12
編輯回答
局外人
  wh = document.documentElement.clientHeight; //窗口高度
  ww = document.documentElement.clientWidth; //窗口寬度
  var scale = ww / wh; //長寬比
  var scaleX = ww / 750; //寬度與750的比例
  var scaleY = wh / 1335; //高度與1335的比例
  if (ww < 750) { //如果寬度小于750
      if (scaleX * 30 <= 12) { //假如高度與750的比例*30 < 12，反推得高度 <= 300時，字體保持12px
          document.getElementsByTagName("html")[0].style.fontSize = 12 + "px";
      } else { //否則字體大小按高度與750的比例*30 
          document.getElementsByTagName("html")[0].style.fontSize = scaleX * 30 + "px";           
      }
  }
2017年9月17日 15:38