博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
根据 JS 自动定义页面缩放比(根据分辨率进行适配)
阅读量:6405 次
发布时间:2019-06-23

本文共 3048 字,大约阅读时间需要 10 分钟。

hot3.png

//Mozilla/5.0 (iPhone; CPU iPhone OS 9_1 like Mac OS X) AppleWebKit/601.1.46 (KHTML, like Gecko) Version/9.0 Mobile/13B143 Safari/601.1    //Mozilla/5.0 (iPhone; CPU iPhone OS 9_1 like Mac OS X) AppleWebKit/601.1.46 (KHTML, like Gecko) Version/9.0 Mobile/13B143 Safari/601.1    console.log(window.navigator.userAgent);    console.log(window.devicePixelRatio);    !function (N, M) {        function L() {            var a = I.getBoundingClientRect().width;            a / F > 540 && (a = 540 * F);            var d = a / 10;            I.style.fontSize = d + "px", D.rem = N.rem = d        }        var K, J = N.document, I = J.documentElement, H = J.querySelector('meta[name="viewport"]'),            G = J.querySelector('meta[name="flexible"]'), F = 0, E = 0, D = M.flexible || (M.flexible = {});        if (H) {            console.warn("将根据已有的meta标签来设置缩放比例");            var C = H.getAttribute("content").match(/initial\-scale=([\d\.]+)/);            C && (E = parseFloat(C[1]), F = parseInt(1 / E))        } else {            if (G) {                var B = G.getAttribute("content");                if (B) {                    var A = B.match(/initial\-dpr=([\d\.]+)/), z = B.match(/maximum\-dpr=([\d\.]+)/);                    A && (F = parseFloat(A[1]), E = parseFloat((1 / F).toFixed(2))), z && (F = parseFloat(z[1]), E = parseFloat((1 / F).toFixed(2)))                }            }        }        if (!F && !E) {            var y = N.navigator.userAgent, x = (!!y.match(/android/gi), !!y.match(/iphone/gi)),                w = x && !!y.match(/OS 9_3/), v = N.devicePixelRatio;            F = x && !w ? v >= 3 && (!F || F >= 3) ? 3 : v >= 2 && (!F || F >= 2) ? 2 : 1 : 1, E = 1 / F        }        if (I.setAttribute("data-dpr", F), !H) {            if (H = J.createElement("meta"), H.setAttribute("name", "viewport"), H.setAttribute("content", "initial-scale=" + E + ", maximum-scale=" + E + ", minimum-scale=" + E + ", user-scalable=no"), I.firstElementChild) {                I.firstElementChild.appendChild(H)            } else {                var u = J.createElement("div");                u.appendChild(H), J.write(u.innerHTML)            }        }        N.addEventListener("resize", function () {            clearTimeout(K), K = setTimeout(L, 300)        }, !1), N.addEventListener("pageshow", function (b) {            b.persisted && (clearTimeout(K), K = setTimeout(L, 300))        }, !1), "complete" === J.readyState ? J.body.style.fontSize = 12 * F + "px" : J.addEventListener("DOMContentLoaded", function () {            J.body.style.fontSize = 12 * F + "px"        }, !1), L(), D.dpr = N.dpr = F, D.refreshRem = L, D.rem2px = function (d) {            var c = parseFloat(d) * this.rem;            return "string" == typeof d && d.match(/rem$/) && (c += "px"), c        }, D.px2rem = function (d) {            var c = parseFloat(d) / this.rem;            return "string" == typeof d && d.match(/px$/) && (c += "rem"), c        }    }(window, window.lib || (window.lib = {}));

 

转载于:https://my.oschina.net/querying/blog/1563071

你可能感兴趣的文章
Mysql DBA 高级运维学习之路-索引知识及创建索引的多种方法实战
查看>>
go语言与java nio通信,解析命令调用上下文拉起ffmpeg,并引入livego做的简单流媒体服务器...
查看>>
JavaScript面向对象轻松入门之多态(demo by ES5、ES6、TypeScript)
查看>>
【数据结构】线性表(一):顺序列表
查看>>
利用Mallet工具自动挖掘文本Topic
查看>>
Windows下oracle打补丁步骤
查看>>
Python教程(一)Python简介
查看>>
asp.net forms认证
查看>>
一帧图像的两种显示器建模方式
查看>>
Hadoop 公平调度器算法调度解析
查看>>
Linux Foundation(笔记)
查看>>
Java学习第二十五天
查看>>
vim配置
查看>>
ubuntu 把软件源修改为国内源和更新
查看>>
随机产生四则运算,导入导出文件
查看>>
位运算符
查看>>
winform自定义控件
查看>>
C#编码好习惯
查看>>
避其锋芒,侧翼出击。——司马亮创业回忆录(一)
查看>>
scope
查看>>