pc端rem的應用 不同分辨率下頁面的比例一樣 不影響頁面外觀 (終於解決）

 

 關鍵代碼：

<script TYPE="text/javascript">    

        var docEl = document.documentElement;

         

        function setRemUnit () {

          var rem = docEl.clientWidth / 19.2; // 可根據不同電腦分辨率進行手動修改（如1920*1080 爲19.2

          docEl.style.fontSize = rem + 'px'

        }

 

        setRemUnit()

 

        window.addEventListener('resize', setRemUnit)

        window.addEventListener('pageshow', function (e) {

          if (e.persisted) {

            setRemUnit()

          }

        })

  </script>
問題解惑：原來用chrome和ie 11，做的靜態頁面可以顯示正常；但放到服務器上面動態加載數據，頁面出現問題；body ｛ font-size: 0.12rem｝解決問題
下面關鍵代碼可以解決pc端 html+js+css 這種非前後端分離架構下的適應各種分辨率小的頁面的問題