vue中PC端支持缩放兼容

1,932 阅读1分钟

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;      
  }   
   });   
 })