|
|
@@ -63,76 +63,7 @@
|
|
|
var dpr = 0;
|
|
|
var scale = 0;
|
|
|
var tid;
|
|
|
- // var flexible = lib.flexible || (lib.flexible = {});
|
|
|
-
|
|
|
- // if (metaEl) {
|
|
|
- // console.warn('将根据已有的meta标签来设置缩放比例');
|
|
|
- // var match = metaEl
|
|
|
- // .getAttribute('content')
|
|
|
- // .match(/initial\-scale=([\d\.]+)/);
|
|
|
- // if (match) {
|
|
|
- // scale = parseFloat(match[1]);
|
|
|
- // dpr = parseInt(1 / scale);
|
|
|
- // }
|
|
|
- // } else if (flexibleEl) {
|
|
|
- // var content = flexibleEl.getAttribute('content');
|
|
|
- // if (content) {
|
|
|
- // var initialDpr = content.match(/initial\-dpr=([\d\.]+)/);
|
|
|
- // var maximumDpr = content.match(/maximum\-dpr=([\d\.]+)/);
|
|
|
- // if (initialDpr) {
|
|
|
- // dpr = parseFloat(initialDpr[1]);
|
|
|
- // scale = parseFloat((1 / dpr).toFixed(2));
|
|
|
- // }
|
|
|
- // if (maximumDpr) {
|
|
|
- // dpr = parseFloat(maximumDpr[1]);
|
|
|
- // scale = parseFloat((1 / dpr).toFixed(2));
|
|
|
- // }
|
|
|
- // }
|
|
|
- // }
|
|
|
-
|
|
|
- // if (!dpr && !scale) {
|
|
|
- // var isAndroid = win.navigator.appVersion.match(/android/gi);
|
|
|
- // var isIPhone = win.navigator.appVersion.match(/iphone/gi);
|
|
|
- // var devicePixelRatio = win.devicePixelRatio;
|
|
|
- // if (isIPhone) {
|
|
|
- // // iOS下，对于2和3的屏，用2倍的方案，其余的用1倍方案
|
|
|
- // if (devicePixelRatio >= 3 && (!dpr || dpr >= 3)) {
|
|
|
- // dpr = 3;
|
|
|
- // } else if (devicePixelRatio >= 2 && (!dpr || dpr >= 2)) {
|
|
|
- // dpr = 2;
|
|
|
- // } else {
|
|
|
- // dpr = 1;
|
|
|
- // }
|
|
|
- // } else {
|
|
|
- // // 其他设备下，仍旧使用1倍的方案
|
|
|
- // dpr = 1;
|
|
|
- // }
|
|
|
- // scale = 1 / dpr;
|
|
|
- // }
|
|
|
|
|
|
- // docEl.setAttribute('data-dpr', dpr);
|
|
|
- // if (!metaEl) {
|
|
|
- // metaEl = doc.createElement('meta');
|
|
|
- // metaEl.setAttribute('name', 'viewport');
|
|
|
- // metaEl.setAttribute(
|
|
|
- // 'content',
|
|
|
- // 'initial-scale=' +
|
|
|
- // scale +
|
|
|
- // ', maximum-scale=' +
|
|
|
- // scale +
|
|
|
- // ', minimum-scale=' +
|
|
|
- // scale +
|
|
|
- // ', user-scalable=no',
|
|
|
- // );
|
|
|
- // if (docEl.firstElementChild) {
|
|
|
- // docEl.firstElementChild.appendChild(metaEl);
|
|
|
- // } else {
|
|
|
- // var wrap = doc.createElement('div');
|
|
|
- // wrap.appendChild(metaEl);
|
|
|
- // doc.write(wrap.innerHTML);
|
|
|
- // }
|
|
|
- // }
|
|
|
- // var index = 0;
|
|
|
function detectZoom() {
|
|
|
let ratio = 0,
|
|
|
screen = window.screen,
|
|
|
@@ -149,40 +80,19 @@
|
|
|
if (ratio) {
|
|
|
ratio = Math.round(ratio * 100);
|
|
|
}
|
|
|
+ docEl.style.fontSize = (0.068 * window.outerWidth + 88) + "px";
|
|
|
+
|
|
|
return ratio;
|
|
|
}
|
|
|
|
|
|
function refreshRem() {
|
|
|
-
|
|
|
const m = detectZoom();
|
|
|
console.log(m, 'MMMMMMMMMMMMMMM')
|
|
|
- document.body.style.zoom = 100 / Number(m);
|
|
|
+ // document.body.style.zoom = 100 / Number(m);
|
|
|
+ // docEl.style.fontSize = (m * 3) + "px";
|
|
|
if (window.map != undefined) {
|
|
|
map.resize();
|
|
|
}
|
|
|
- // var docEl = doc.documentElement;
|
|
|
- // var width = docEl.getBoundingClientRect().width;
|
|
|
- // if (width / dpr > 5760) {
|
|
|
- // width = 5760 * dpr;
|
|
|
- // }
|
|
|
- // var rem = width / 10;
|
|
|
- // docEl.style.fontSize = rem + 'px';
|
|
|
- // flexible.rem = win.rem = rem;
|
|
|
- // var isMac = (navigator.platform == "Mac68K") || (navigator.platform == "MacPPC") || (navigator.platform == "Macintosh") || (navigator.platform == "MacIntel");
|
|
|
- // var t = window.devicePixelRatio // 获取下载的缩放 125% -> 1.25 150% -> 1.5
|
|
|
- // console.log(t)
|
|
|
- // if (t != 1 && !isMac) { // 如果进行了缩放，也就是不是1
|
|
|
- // setTimeout(() => {
|
|
|
- // document.body.style.zoom = -0.005 * t + 0.76; // 就去修改页面的缩放比例，这个公式我自己算的，不准确，勉强。
|
|
|
- // if (window.map != undefined) {
|
|
|
- // map.resize();
|
|
|
- // }
|
|
|
- // }, 2 * 1000)
|
|
|
- // } else {
|
|
|
- // document.body.style.zoom = 1;
|
|
|
- // }
|
|
|
-
|
|
|
-
|
|
|
}
|
|
|
// window.onresize = () => {
|
|
|
|
|
|
@@ -194,53 +104,16 @@
|
|
|
function() {
|
|
|
// debugger
|
|
|
clearInterval(tid);
|
|
|
+ // console.log("------------")
|
|
|
tid = setInterval(refreshRem, 300);
|
|
|
-
|
|
|
-
|
|
|
},
|
|
|
false,
|
|
|
);
|
|
|
- // win.addEventListener(
|
|
|
- // 'pageshow',
|
|
|
- // function(e) {
|
|
|
- // if (e.persisted) {
|
|
|
- // clearTimeout(tid);
|
|
|
- // tid = setTimeout(refreshRem, 300);
|
|
|
- // }
|
|
|
- // },
|
|
|
- // false,
|
|
|
- // );
|
|
|
-
|
|
|
- // if (doc.readyState === 'complete') {
|
|
|
- // doc.body.style.fontSize = 12 * dpr + 'px';
|
|
|
- // } else {
|
|
|
- // doc.addEventListener(
|
|
|
- // 'DOMContentLoaded',
|
|
|
- // function(e) {
|
|
|
- // doc.body.style.fontSize = 12 * dpr + 'px';
|
|
|
- // },
|
|
|
- // false,
|
|
|
- // );
|
|
|
- // }
|
|
|
+
|
|
|
|
|
|
refreshRem();
|
|
|
|
|
|
- // flexible.dpr = win.dpr = dpr;
|
|
|
- // flexible.refreshRem = refreshRem;
|
|
|
- // flexible.rem2px = function(d) {
|
|
|
- // var val = parseFloat(d) * this.rem;
|
|
|
- // if (typeof d === 'string' && d.match(/rem$/)) {
|
|
|
- // val += 'px';
|
|
|
- // }
|
|
|
- // return val;
|
|
|
- // };
|
|
|
- // flexible.px2rem = function(d) {
|
|
|
- // var val = parseFloat(d) / this.rem;
|
|
|
- // if (typeof d === 'string' && d.match(/px$/)) {
|
|
|
- // val += 'rem';
|
|
|
- // }
|
|
|
- // return val;
|
|
|
- // };
|
|
|
+
|
|
|
})(window, window['lib'] || (window['lib'] = {}));
|
|
|
</script>
|
|
|
</head>
|
