首页 工作简记

移动端页面按手机屏幕分辨率自动缩放js(处理手机打开电脑页面显示不全的方法)

发布时间:2017年03月18日 评论数：抢沙发 阅读数：3052

<script type="text/javascript">
    //移动端页面按手机屏幕分辨率自动缩放的js
    var phoneWidth = parseInt(window.screen.width);
    //缩放比例 = 手机屏幕宽/网页内容宽
    var phoneScale = phoneWidth/1200;
    if(phoneWidth<1200)
    {
        document.write('<meta name="viewport" content="width=device-width, initial-scale='+phoneScale+',minimum-scale='+phoneScale+',maximum-scale ='+phoneScale +',user-scalable=no,">');
    }    
</script>




var phoneScale = phoneWidth/1200;
.
.
.
if(phoneWidth<1200)

其中1200是你电脑网页的内容宽度，请根据你的网页自行修改！修改好记得刷新，是不是完美？