在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

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

這是計(jì)算根元素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的標(biāo)準(zhǔn)對應(yīng)30的字體大?。╮em布局)

1.在瀏覽器小于750的時(shí)候生效(可能取決于設(shè)計(jì)圖只有750寬)
2.根據(jù)實(shí)際寬與標(biāo)準(zhǔn)寬比例,獲取當(dāng)前寬度下的字體大小
3.如果當(dāng)前寬度下的字體大小小于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時(shí),字體保持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