Html 厘米或DPI上的CSS查询不是像素

我正在创建一个特定于大小而非像素的网页，即以厘米或英寸为单位的宽度，而不是像素

当在不同的手机上进行测试时，我注意到有时候设备的分辨率可能非常高，使得屏幕上的对象与我希望用户看到的对象相比非常小

我使用的查询如下：

@media screen and (min-width: 0px) and (max-width: 400px){
    /*2 rows*/
    .a1x1, .a1x2{
        width:50%;
    }
    .a3x3, .a3x2{
        width:100%;
    }
    .a2x3, .a2x1, .a2x2{
        width:100%
    }
}
...etc

我知道我可以使用的查询列表是，但我不确定我会使用哪一个或如何实现它

感谢您的帮助！如果可以，请举例说明：D

编辑：

很抱歉，没有完全具体地回答这个问题，让我完整地描述一下我想要实现的目标

我有一个页面，可以在基于网格的页面中显示媒体（主要是图像）。当页面为桌面大小时，它将显示5列宽。当它是平板电脑大小时，我想显示4列。 根据移动设备/手机的大小，我希望媒体以2列或3列显示。问题是：在三星galaxy S IV等分辨率/PPI非常大的设备上：它们显示所有5列，使媒体看起来很小——消除了我试图实现的全屏效果

所以问题是：

我如何检测小型设备屏幕并将其应用到我的应用程序中 css编码

---

到目前为止，这是最有帮助的。

因此我终于有时间查看作为答案发布的链接。耶！看起来，如果该设备具有显示整个网站的分辨率，它就会。 我通过添加这个小美女来修复它：

<meta name="viewport" content="width=device-width, initial-scale=1">

---

这将强制设备在不进行任何缩放的情况下显示1对1。尽管我相信这可能会有不同的表现，或者在其他移动设备上不受支持。

hmmm您能详细说明一下为什么要这样做吗？我不认为这是可能的，因为你已经说过不同的设备有不同的分辨率。问题是什么？你似乎真的很担心小型设备的默认伸缩性，在这种情况下，例如，web不是PDF：如果你想要这种控制，浏览器供应商会给你带来困难。。。示例：如果您的内容显示在iPad Mini或其他iPad上，祝您好运。这意味着关于viewport的一些信息：我已经更新了这些信息。我希望这能让它更清晰。最小、最大分辨率呢？