vue在需要适配的页面,比如登录页加入以下代码

  created() {
    let t = window.devicePixelRatio   // 获取下载的缩放 125% -> 1.25    150% -> 1.5

    if (!!window.ActiveXObject || "ActiveXObject" in window) {
      if (t != 1) {
        // 如果在笔记本中用IE浏览器打开 则弹出提示
        alert('您的设备对显示进行放大导致页面显示不完全,请调整后打开/或用其他浏览器')
      }
    } else {
      if (t != 1) {   // 如果进行了缩放,也就是不是1
        let c = document.querySelector('body')
        c.style.zoom = -0.62 * t + 1.55;   // 就去修改页面的缩放比例,这个公式我自己算的,不准确,勉强。
      }
    }
  },
Logo

技术共进,成长同行——讯飞AI开发者社区

更多推荐