PC上完成了页面 同时要适配下移动端
本着在移动端缩小一半来显示的
meta name="viewport" content="width=device-width, initial-scale=0.5, minimum-scale=0.5, user-scalable=0"
于是就有以上声名
iphone 上正常缩小
但....
安卓原生浏览大多不支持 都是原来1.0倍显示
求解决方案
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); // andriod 2.3 if (version > 2.3) { document.write('<meta name="viewport" content="width=640, minimum-scale = ' + phoneScale + ', maximum-scale = ' + phoneScale + ', target-densitydpi=device-dpi">'); // andriod 2.3以上 } 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">'); }