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

Question

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

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



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

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

Answer 1

W3C在CSS单元主题上有一篇很棒的文章。特别是：

厘米：不建议用于屏幕/建议用于打印

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

如果需要确保打印的字体正好是特定的大小，则可以使用pt（或cm或in）来设置字体大小的唯一地方是用于打印的样式表。但是即使使用默认字体大小通常也更好。