vue 获取电脑屏幕缩放比例

陪你去流浪_

已于 2024-05-25 07:43:00 修改

阅读量240

点赞数 3

分类专栏：我的前端生涯文章标签： vue.js javascript 前端

于 2024-05-10 15:08:42 首次发布

本文链接：https://blog.csdn.net/jokerxiuka/article/details/138667181

版权

我的前端生涯专栏收录该内容

15 篇文章 1 订阅

订阅专栏

获取电脑屏幕缩放比例电脑显示设置里设置的缩放比例

    detectZoom() {
      var ratio = 0,
        screen = window.screen,
        ua = navigator.userAgent.toLowerCase();

      if (window.devicePixelRatio !== undefined) {
        ratio = window.devicePixelRatio;
      } else if (~ua.indexOf("msie")) {
        if (screen.deviceXDPI && screen.logicalXDPI) {
          ratio = screen.deviceXDPI / screen.logicalXDPI;
        }
      } else if (
        window.outerWidth !== undefined &&
        window.innerWidth !== undefined
      ) {
        ratio = window.outerWidth / window.innerWidth;
      }

      if (ratio) {
        ratio = Math.round(ratio * 100);
      }
      console.log("缩放比例", ratio);
      return ratio;
    },