给大家介绍一个一键移动端适配 手机端适配，简单粗暴的适配方法，原理在于利用了meta viewport的定义里面的宽度，把宽度定义为网站的宽度，这样网站在手机下访问就能看到网站等比例缩小到手机的尺寸了，然后用手指可以进行拉伸放大，也可以免签看到内容，比网站在手机下挤成一推要好太多了。
代码如下：
<script type=”text/javascript”>
if(/Android (\d+\.\d+)/.test(navigator.userAgent)){
var version = parseFloat(RegExp.$1);
console.log(version);
if(version>2.3){
var phoneScale = parseInt(window.screen.width)/320;
document.write(‘<meta name=”viewport” content=”width=1280, minimum-scale = ‘+ phoneScale +’, maximum-scale = ‘+ phoneScale +’, target-densitydpi=device-dpi”>’);
}else{
document.write(‘<meta name=”viewport” content=”width=1280, target-densitydpi=device-dpi”>’);
}
}else{
document.write(‘<meta name=”viewport” content=”width=1280, user-scalable=no, target-densitydpi=device-dpi”>’);
}
</script>
这样的方式只能勉强解决，如果用户看到这样的网站也是会选择关闭的，可以选择跨屏网 Kuaping.com自研跨屏平台，网站添加一句话JS，快速适配手机效果要好的多。
未经允许不得转载：跨屏互联 » 一键网站适配手机 简单粗暴方法
