設置頁面自適應rem

 let setFont = function () {
      // 因爲要定義變量可能和別的變量相互衝突,污染,所有用自調用函數
      let html = document.documentElement;// 獲取html
      // 獲取寬度
      let width = html.clientWidth;
      // 判斷
      if (width < 1024) width = 1024
      if (width > 1920) width = 1920
      // 設置html的基準值
      let fontSize = width / 80 + 'px';
      // 設置給html
      html.style.fontSize = fontSize;
  }
  setFont();
  // 2、頁面改變的時候也需要設置
  // 尺寸改變事件
  window.onresize = function () {
      setFont();
  }
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章