在“cm”中指定CSS大小不会产生正确的大小

我有一个小的触摸屏，我们提供了HTML页面。LCD的物理尺寸为4.624厘米宽，3.508厘米高。通过设置

宽度

和

高度

来创建

div

，可以在显示屏上创建一个小得多的矩形

为什么

cm

不能转换为屏幕上的真实尺寸？我需要做什么调整才能以厘米而不是像素为单位工作？

正如w3c文档所述：

所谓的绝对单位（cm、mm、in、pt和pc）在CSS中的含义与其他地方相同，但前提是输出设备具有足够高的分辨率。在激光打印机上，1厘米应该正好是1厘米。但是在低分辨率的设备上，比如计算机屏幕，CSS并不需要这样做。事实上，从一个设备到另一个设备，从一个CSS实现到另一个CSS实现，结果往往是不同的

---

但是根据w3，您不应该使用cm，为什么不使用视口宽度和高度的

vh

和

vw

来精确设置屏幕尺寸甚至百分比<代码>宽度：100vw和

高度：100vh

或

高度：100%

和

宽度：100%

？@ctwheels-我还需要在主视图中指定较小的对象大小-5cm、7cm等。“全屏”的例子只是我试图解决的第一个问题。你最好使用百分比。如果您有多个屏幕维度，请使用媒体查询

@media

。另一个建议是简单地将cm转换为px，但这应该是最后一个办法。在你的情况下，我要做的是计算出每cm存在多少px，然后根据测量值确定大小。举个例子，一厘米是37.8像素，你的盒子需要5厘米，它会是189px（使用这个我随机找到的转换计算器：），这让我很难过。我现在是一只悲伤的猴子（但是有了SCS和数学的魔力，（屏幕dpi）x（屏幕大小）=（像素数）-我可以再做一些数字运算来实现厘米到像素的转换，是吗？