从JS / CSS检测系统DPI / PPI？

Question

从JS / CSS检测系统DPI / PPI？我正在研究一种独特的应用程序，它需要根据显示的设备生成特定分辨率的图像。因此，在常规Windows浏览器（96ppi），iPhone（163ppi），Android G1（180ppi）和其他设备上的输出是不同的。我想知道是否有办法自动检测到这一点。我最初的研究似乎说不。我见过的唯一建议是在CSS中创建一个宽度指定为“1in”的元素，然后检查它的offsetWidth（另请参阅如何通过javascript访问屏幕显示的DPI设置？）。有道理，但iPhone用这种技术骗我，说它是96ppi。另一种方法可能是以英寸为单位获取显示尺寸，然后除以宽度（以像素为单位），但我不知道如何做到这一点。