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