html5頁面手機端適配代碼


  <script>

      function autoWidth() {
             var docEle = document.documentElement,
                 initWidth = 375, initSize = 100,
                 resizeEvent = 'orientationchange' in window ?'orientationchange' : 'resize';
 
             var container = document.getElementById('container');
 
             function init(win) {
               var w = win.innerWidth,
                   h = win.innerHeight;
 
               docEle.style.fontSize = w / initWidth * initSize + 'px';
               container.style.height = h + 'px';
             }

             window.addEventListener(resizeEvent, function(e) {
               init(window);
             }, false);
 
             init(window);
         }
 
         autoWidth();
 
   </script>


免責聲明!

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



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