如何计算设备像素比

Question

我想知道如何计算-webkit-device-pixel-ratio .我已经读过这个:http: //www.quirksmode.org/blog/archives/2012/06/devicepixelrati.html.但是我无法清楚地理解它.我还想知道是否有一个列表,哪些设备使用哪个像素比.安卓网站说

Android浏览器和WebView支持CSS媒体功能,允许您为特定屏幕密度创建样式 - -webkit-device-pixel-ratio CSS媒体功能.应用于此功能的值应为"0.75","1"或"1.5",以指示样式分别适用于具有低密度,中密度或高密度屏幕的设备.

但我发现我们需要使用-webkit-device-pixel-ratio = 2来使网络应用程序在768 x 1280分辨率屏幕上兼容.

Answer 1

根据这篇文章

http://www.html5rocks.com/en/mobile/high-dpi/

神奇的数字似乎是150.

将物理ppi除以150的理想ppi,得出器件像素比.

例如,具有445ppi的设备的dpr为3 - >> 445/150

对于此列表中的许多项目,简单的计算似乎都没问题,

http://en.wikipedia.org/wiki/List_of_displays_by_pixel_density

Answer 2

您可以使用 javascript window.devicePixelRatio 找到像素比

Answer 3

设备像素比 (DPR) 是基于物理硬件的像素与抽象的设备无关像素之间的关系。设备像素比的值无法可靠地计算，因为它基于设备制造商打算如何将一种类型的像素系统映射到另一种类型的像素系统。为了可靠地获取此信息，您需要向设备请求该信息。

Answer 4

您可以通过访问https://www.mydevice.io/找到许多屏幕参数。