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

Question

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

这意味着如果你拿一把尺子然后测量10cmx10cm。

你能用纯HTML和CSS做，还是需要javascript代码？

Answer 1

CSS实际上支持厘米单位，就像像素或百分比一样。 所以你可以使用：

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

Answer 2

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