网站建设资讯

NEWS

网站建设资讯

移动端页面宽度自适应


    
      if(/Android (\d+\.\d+)/.test(navigator.userAgent)){
        var version = parseFloat(RegExp.$1);
        if(version>2.3){
          var phoneScale = parseInt(window.screen.width)/640;
          document.write('');
        }else{
          document.write('');
        }
      }else{
        document.write('');
      }
      //微信去掉下方刷新栏
      if(navigator.userAgent.indexOf('MicroMessenger') >= 0){
        document.addEventListener('WeixinJSBridgeReady', function() {
          //WeixinJSBridge.call('hideToolbar');
        });
      }
    



    
    Document


  
      
          
         
    
body,html{width: 100%;overflow: hidden;height: 100%;}
#wrapper { position: relative; height:auto; overflow: hidden; width:640px; margin:0 auto;display: none; }
section { position: relative;  width:640px;  height: 1008px; overflow: hidden;z-index: 1; }
section .bg { position: absolute; left:0; top: 0; width: 100%; height: 1008px;  background-size:auto 1008px;z-index: 1;}

本文标题:移动端页面宽度自适应
转载来于:http://cdweb.net/article/joghoe.html

其他资讯