移动端页面按手机屏幕分辨率自动缩放js(处理手机打开电脑页面显示不全的方法) - 梁鹏程个人作品集,梁鹏程博客,帆子博客,微语,网站模版

梁鹏程个人作品集,帆子博客

  • 工作笔记
  • 工作简记
  • 微语
  • 建站资讯
  • 网站模板
  • 单页模板
  • 登录
  • 最新碎语:喜欢「万事胜意」这个词,意思是一切结果都会比想象的要好。希望看到这段话的你,在接下来的日子里,万事胜意!

    您的位置:梁鹏程个人作品集,帆子博客 >工作简记> 移动端页面按手机屏幕分辨率自动缩放js(处理手机打开电脑页面显示不全的方法)

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

    <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(处理手机打开电脑页面显示不全的方法)

    发表评论

    路人甲 表情
    看不清楚?点图切换 Ctrl+Enter快速提交
    
    召唤伊斯特瓦尔