移动端自适应缩放代码

最新推荐文章于 2023-02-18 15:00:47 发布

生产的驴

最新推荐文章于 2023-02-18 15:00:47 发布

阅读量165

点赞数

CC 4.0 BY-SA版权

文章标签： python

原文链接：https://my.oschina.net/swmhxhs/blog/858128

2019独角兽企业重金招聘Python工程师标准>>>



        (function (doc, win) {

            var docEl = doc.documentElement,

                    resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',

                    recalc = function () {

                        var clientWidth = docEl.clientWidth;

                        if (!clientWidth) return;

                        if(clientWidth>740){clientWidth = 740}

                        docEl.style.fontSize = 20 * (clientWidth / 320) + 'px';

                    };

            if (!doc.addEventListener) return;

            win.addEventListener(resizeEvt, recalc, false);

            doc.addEventListener('DOMContentLoaded', recalc, false);

        })(document, window);

<meta id="viewport" content="width=720,user-scalable=no,initial-scale=2.14"
      name="viewport">

(function(){
    var viewPortScale=0.5;
    var detectBrowser = function (name) {
        if (navigator.userAgent.toLowerCase().indexOf(name) > -1) {return true;} else {return false;}};
    var width = parseInt(window.screen.width);
    var scale = Math.ceil((width * 100) / 720) / 100;
    var userScalable = 'no';
    if (detectBrowser("qq/"))
        userScalable = 'yes';
    document.getElementById('viewport').setAttribute(
        'content', 'width=720,user-scalable=' + userScalable + ',initial-scale=' + scale);
})();

转载于:https://my.oschina.net/swmhxhs/blog/858128