首页/文章/ JavaScript /devicePixelRatio/

devicePixelRatio

window.devicePixelRatio 为当前设备的物理像素分辨率与 CSS 像素分辨率之比

发布于 12-25 17:18

window.devicePixelRatio 为当前设备的物理像素分辨率与 CSS 像素分辨率之比。它告诉浏览器使用多少物理像素来绘画一个 CSS 像素。


当前浏览器窗口从一个显示器移到另一个显示器,且这两个显示器下的 devicePixelRatio 不相同,可通过 matchMedia 来监视 devicePixelRatio 的改变。

matchMedia(`(resolution: ${devicePixelRatio}dppx)`)
  .addListener(() => {
    console.log(devicePixelRatio);
  });