window.devicePixelRatio 浏览器支持答案

【问题标题】：window.devicePixelRatio browser supportwindow.devicePixelRatio 浏览器支持
【发布时间】：2017-07-12 15:53:35
【问题描述】：

我一直在网上寻找对window.devicePixelRatio 的浏览器支持，但运气不佳。

有人知道哪些浏览器/设备支持此功能吗？

【问题讨论】：

如果您需要支持较新的 iOS 或 android，那么这应该可以。从逻辑上讲，我会说任何像素比大于 1 的设备都应该支持这一点，但谁知道......你需要做什么？也许还有其他方法可以解决您的问题
我想我们可以使用Mozilla MDN 来检查浏览器的兼容性。它包含网络和移动设备

【解决方案1】：

根据this 博文：（从 2012 年开始）

2017 年更新：

此属性返回当前显示设备的物理像素分辨率与 CSS 像素分辨率的比率。该值也可以解释为像素大小的比值：一个 CSS 像素的大小与一个物理像素的大小。

桌面浏览器支持：

Chrome Edge 火狐 Internet Explorer Opera Safari 49（是） 49 11 41 9.1

移动浏览器：

Android Edge Firefox IE 移动版 Opera Safari 移动版 4.4（是）？ ?全部 9.3

【讨论】：

链接的文章是 2012年的。所以有点过时了。
注意：“在 iOS 设备上，将 devicePixelRatio 乘以 screen.width 以获得物理像素数”不再正确 - 由于下采样，它在 iPhone 6+、6s+ 和 7+ 上给出了不正确的结果.