建站百科

文章导读：本文主要阐述了“一键网站适配手机 简单粗暴方法”给大家介绍一个一键移动端适配手机端适配，简单粗暴的适配方法，原理在于利用了meta viewport的定义里面的宽度，把宽度定义为网...，本文由跨屏网最后更新于2020-07-27，全文共790个字，预计阅读时长2分38秒。

代码如下：

<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，快速适配手机效果要好的多。

写在最后，以上就是对于“一键网站适配手机 简单粗暴方法”的一些看法，欢迎指正、交流。

网站栏目：一键网站适配手机 简单粗暴方法
文章路径：http://test.kuaping.com/article/show254.html