1、因为电脑默认有的比例100%,有的125%,为了兼容,就是进入页面就去检测这个页面有没有被缩放,缩放的比例是多少,125%还是150%,如果是缩放,我们根据现在的展示比例缩放当前页面到100%的感觉,我设置的是125%的时候就缩放现页面的85%,如果是150%的时候就缩放现页面的65%,具体得算
this.$nextTick(() => {
window.addEventListener('resize', () => { //监听浏览器窗口大小改变
//浏览器变化执行动作
var t = window.devicePixelRatio // 获取下载的缩放 125% -> 1.25 150% -> 1.5
console.log(t, '0001')
t = t.toFixed(2)
if (t < 2 && t != 1) {
document.body.style.zoom = -0.6 * t + 1.4;
} else if (t >= 2 && t <= 3) {
}
else if (t >= 4) {
document.body.style.zoom = -0.6 * 2 + 1.4;
}
});
})