html - 在复制纸张交互的 Web 应用程序的 CSS 上使用 cm/mm 是一种好习惯吗？

Question

我正在构建一个与文档交互以供以后打印的 Web 应用程序。在某些方面类似于 Google Docs。我正在考虑在我的文档页面的 CSS 上使用 cm/mm，因为它将帮助我生成文档。例子：

// A4 size
.page {
   width: 210mm;
   height: 297mm;
   margin: 2cm 5cm; 
}

<div class="page">
  ...
</div>

遵循这种方法的主要问题是什么？

Answer 1

W3C 有一篇关于CSS 单元主题的精彩文章。尤其是：

cm：不推荐用于屏幕/推荐用于打印

所谓的绝对单位（cm、mm、in、pt 和 pc）在 CSS 中的含义与其他任何地方相同。以其中任何一个表示的长度将显示为该大小（在硬件和软件的精度范围内）。不建议在屏幕上使用它们，因为屏幕尺寸变化很大。大屏幕可能有 60 厘米（24 英寸），而便携的小屏幕可能只有 8 厘米。而且您不会从相同的距离看它们。

唯一可以使用 pt（或 cm 或 in）设置字体大小的地方是用于打印的样式表，如果您需要确保打印的字体正好是某个大小。但即使在那里使用默认字体大小通常会更好。