vue项目笔记本分辨率适配（100%缩放）

最新推荐文章于 2023-12-13 14:33:01 发布

头秃小天才

最新推荐文章于 2023-12-13 14:33:01 发布

阅读量858

点赞数

文章标签：前端

本文链接：https://blog.csdn.net/qq_30907143/article/details/130086258

版权

笔记本默认都是125%或150%缩放，为实现笔记本100%显示可在index.html的script标签中写入如下内容。

 var 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 = 1 / t;
      }
    }