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>
posted @ 2018-03-21 21:56  FE-神鸟  阅读(2810)  评论(0)    收藏  举报