最新文章:

首页 工作简记

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

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

    <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是你电脑网页的内容宽度,请根据你的网页自行修改!修改好记得刷新,是不是完美?
二维码加载中...
本文作者:帆子      文章标题: 移动端页面按手机屏幕分辨率自动缩放js(处理手机打开电脑页面显示不全的方法)
本文地址:http://www.hy01.cn/viewport.html
版权声明:若无注明,本文皆为“梁鹏程个人主页-帆子博客”原创,转载请保留文章出处。