窗口设备像素比浏览器支持

Question

我一直在浏览网络以查找关于 window.devicePixelRatio 的浏览器支持情况，但没有太多的成功。

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

- ccdavies

---

如果你需要支持更新的iOS或Android系统，那么这应该可以工作。从逻辑上讲，我会说任何像素比大于1的设备都应该支持此功能，但谁知道呢...你需要做什么？也许还有其他解决问题的方法。 - Huangism

我认为我们可以使用Mozilla MDN来检查浏览器兼容性。它包含了Web和移动端的内容。 - Jaydeep Mor

Answer 1

根据this博客文章（来自2012年）：

• window.devicePixelRatio在大多数浏览器上是可靠的。
• 在iOS设备上，将devicePixelRatio乘以screen.width以获取物理像素计数。
• 在Android和Windows Phone设备上，将screen.width除以devicePixelRatio以获取dips计数。

2017更新：

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

桌面浏览器支持：

Chrome    Edge    Firefox    Internet Explorer    Opera    Safari
49        (Yes)   49         11                   41       9.1

移动浏览器：

安卓     Edge    火狐     IE移动版   Opera   Safari移动版
4.4      (支持)  ?        ?          所有     9.3

草案规范

- Alexander

---

该链接的文章确实来自2012年，因此有点过时了。 - Randy L

注意：在iOS设备上，将devicePixelRatio乘以screen.width以获取物理像素计数不再正确 - 这会导致iPhone 6+、6s+和7+由于下采样而给出错误的结果。 - Jules