网络和物理单元

Question

有什么方法可以告诉/设置一个元素有多少个毫米，它可以在不同的设备上工作吗？

例如，我想创建一个白色窗口，它是100×100毫米，中间有一个黑色的10×10毫米的正方形，在桌面、平板电脑、印刷品上都有这些尺寸。

我不介意使用最新的浏览器，但它必须使用HTML/JS/CSS。

PS:相关:有什么方法可以判断屏幕有多少毫米？

编辑

换句话说，问题是使用CSS单元，比如pt，mm，cm，.不工作浏览器供应商决定硬编码96新闻部到代理，根据这里。有什么可以做的来获得真实的，物理的，维度的网络？

Answer 1

不怎么有意思。

理论上，您可以使用mm单元来设置长度，但这需要浏览器准确地处理显示…的DPI。浏览器倾向于假设一个固定的值，而不是得到真正的值。

如果这样做有效，那么您就可以通过创建一个已知物理尺寸的屏幕外元素，使用JavaScript读取像素尺寸，并使用该比率将任何其他元素的像素尺寸转换为mm，从而获得该单元中的宽度。

在实践中，如果您需要精确的测量，那么您几乎只能在屏幕上绘制一些东西，并要求用户用尺子测量它以获得您的比率。

或者，如果您可以识别正在使用的特定设备(用户代理字符串可能告诉您某些设备)，并且保存这些设备物理大小的数据库(因此这仅限于手机和平板电脑的子集，如果它们连接到外部显示器，则无法工作)，则可以使用该数据库来确定尺寸。

Answer 2

cm和mm可用作CSS单位，有关更多信息，请参阅http://www.w3.org/TR/css3-values/#lengths。

16 1pc == 0.17 1pc == 12 1pc == 1 1pc == 4.2mm == 0.42cm

我不知道它们在高屏幕密度设备中的工作效果如何。