<!-- js --> <script type="text/javascript"> 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('<meta name="viewport" content="width=640, minimum-scale = '+ phoneScale +', maximum-scale = '+ phoneScale +', target-densitydpi=device-dpi">'); }else{ document.write('<meta name="viewport" content="width=640, target-densitydpi=device-dpi">'); } }else{ document.write('<meta name="viewport" content="width=640, user-scalable=no, target-densitydpi=device-dpi">'); } //微信去掉下方刷新欄 if(navigator.userAgent.indexOf('MicroMessenger') >= 0){ document.addEventListener('WeixinJSBridgeReady', function() { //WeixinJSBridge.call('hideToolbar'); }); } </script>
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <div id="wrapper"> <section> <div class="bg"></div> </section> </div> </body> </html>
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;}
分享名稱:移動(dòng)端頁面寬度自適應(yīng)
URL分享:http://muchs.cn/article4/joghoe.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供自適應(yīng)網(wǎng)站、網(wǎng)站設(shè)計(jì)、虛擬主機(jī)、移動(dòng)網(wǎng)站建設(shè)、外貿(mào)網(wǎng)站建設(shè)、網(wǎng)站營(yíng)銷
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)