Android下自适应屏幕

为什么80%的码农都做不了架构师？>>>

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>

转载于:https://my.oschina.net/tywali/blog/677745