Android下屏幕尺寸很多，如果针对不同尺寸分别配置CSS，工作量很大，并且效果也不一定会好。可以先按照固定宽度设计页面，然后在设备上根据设备宽度进行缩放，在页面增加如下代码即可：
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> |
广告