在移动设备上使用javascript检测屏幕密度？

我想知道是否有可能通过使用javascript和/或基于PHP上http头的某种服务器检查来检测网页的屏幕密度。我的目标是检查用户是否通过平板电脑、手机或电脑访问该网站，以调整一些按钮大小——html5画布上的图像。精确的像素值可能会导致按钮过小或过大，具体取决于屏幕密度…

我认为大多数移动浏览器支持

窗口。devicePixelRatio
大多数
设备PixelRatio
，Internet Explorer版本8到10除外。谢天谢地，截至2016年1月12日，所有这些版本都已经并将不再得到Microsoft的安全更新或技术支持。
这确实是媒体查询的工作。您正在寻找“设备像素比率”，但除此之外，实际上无法确定客户端设备的实际物理几何结构。作为替代方法，您可以通过检查用户代理来检查它是平板电脑、手机还是普通的笔记本/台式机浏览器。现在几乎所有的移动设备都有相似的像素密度，所以我认识的大多数人不会像你所要求的那样精确地检查屏幕分辨率。