Android下自适應螢幕

Android下螢幕尺寸很多，如果針對不同尺寸分别配置CSS，工作量很大，并且效果也不一定會好。可以先按照固定寬度設計頁面，然後在裝置上根據裝置寬度進行縮放，在頁面增加如下代碼即可：

<script type="text/javascript">     var phoneWidth = parseInt(window.screen.width);     var phoneScale = phoneWidth / 640;     var ua = navigator.userAgent;     if (/Android (\d+\.\d+)/.test(ua)) {         var version = parseFloat(RegExp.$1);         if (version > 2.3) {             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">');     } </script>

版權聲明：本文為CSDN部落客「weixin_33713503」的原創文章，遵循CC 4.0 BY-SA版權協定，轉載請附上原文出處連結及本聲明。

原文連結：https://blog.csdn.net/weixin_33713503/article/details/93711473