Javascript 如何在任何屏幕设备上绘制10cmx10cm的矩形

无论屏幕分辨率如何，Rechangle在屏幕上呈现10cmx10cm

这意味着，如果你拿一把尺子，那么你的尺寸是10cmx10cm

---

你能用纯HTML和CSS来做吗？或者你也需要javascript代码吗？

CSS实际上支持厘米单位，就像像素或百分比一样。 因此，您只需使用：

#your-rectangle {
  width: 10cm;
  height: 10cm;
}

---

无法执行此操作，因为屏幕分辨率无法告诉您实际像素有多大。无法通过javascript知道当前正在使用的物理屏幕大小。只有在打印时才能获得准确的大小。由于像素大小，屏幕分辨率会导致视觉调整。而且，坦白地说，我想不出一个我想要这个功能的用例。如果你能提供一个链接，我会非常感兴趣。好吧，这是不可能的…你无法通过JS知道用户使用的屏幕的物理大小。你可以在css中使用mm/cm，但这只会在打印时对你有所帮助。你甚至不能确定像素是正方形。@RemiV2'因为这几乎就是你的解决方案。我会在一个28英寸（71厘米）的显示器上投票给你，设置为3840 x 2160（超高清或“4k”），对我来说，这画了一个6厘米的矩形正方形。设置为3200 x 1800，正方形是7.3厘米。设置为2650 x 1440，它是9.1厘米，设置为1920 x 1080（1080p或“全高清”）它是12.2厘米。在我看来，它不符合OP的要求。

<hr style="border:1px red solid;width: 10cm;height: 10cm;">