2013-05-05 214 views
16

我一直在环顾网络寻找什么样的浏览器支持window.devicePixelRatio,没有太多的运气。window.devicePixelRatio浏览器支持

有谁知道什么浏览器/设备支持这个?

+0

如果需要支持新的iOS或机器人,那么这应该工作。从逻辑上讲,我认为任何像素比大于1的设备都应该支持这一点,但是谁知道......你需要做什么?也许还有其他方法可以解决您的问题 – Huangism 2013-12-19 21:05:50

回答

8

根据this博客文章:(自2012年)

  • window.devicePixelRatio是大多数浏览器大多是值得信赖的。
  • 在iOS设备上,将devicePixelRatio乘以screen.width以获得物理像素数。
  • 在Android和Windows Phone设备上,将screen.width除以devicePixelRatio以获得骤降计数。

2017 UPDATE:

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

桌面浏览器支持:

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

手机浏览器:

 
Android  Edge Firefox  IE Mobile Opera Safari Mobile 
4.4   (Yes) ?   ?   all  9.3 

Draft Spec

+1

链接的文章*是*自2012年起的,因此它有点过时。 – the0ther 2015-06-03 16:16:20

+0

注意:“在iOS设备上,通过screen.width乘以devicePixelRatio以获取物理像素数”不再是真实的 - 由于缩减采样,它在iPhone 6 +,6s +和7+上的结果不正确。 – Jules 2017-09-08 09:53:39