Js動態設置rem來實現移動端字體的自適應


//設置根元素字體
var win = window,
doc = document;
function setFontSize() {
  var winWidth = $(window).width();

  //750這個數字是根據你的設計圖的實際大小來的,所以值具體根據設計圖的大小
  var size = (winWidth / 750) * 100;
  doc.documentElement.style.fontSize = (size < 100 ? size : 100) + 'px';
};

//這里我們給個定時器來實現頁面加載完畢再進行字體設置
setTimeout(function() {
  //初始化
  setFontSize();
}, 100);

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM