小编典典

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

css

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

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



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

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


阅读 396

收藏
2020-05-16

共1个答案

小编典典

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

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

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

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

2020-05-16