失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > 根据 JS 自动定义页面缩放比(根据分辨率进行适配)

根据 JS 自动定义页面缩放比(根据分辨率进行适配)

时间:2022-04-06 02:36:47

相关推荐

根据 JS 自动定义页面缩放比(根据分辨率进行适配)

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

//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.1console.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 = {}));

如果觉得《根据 JS 自动定义页面缩放比(根据分辨率进行适配)》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。