在複製紙張交互的Web應用程序的CSS上使用cm/mm是一種很好的做法？

我正在構建一個與文檔進行交互以便以後打印的Web應用程序。在某些方面類似於Google Docs。我正在考慮在我的文檔頁面的CSS上使用cm/mm，因爲它可以幫助我處理文檔生成。例如：在複製紙張交互的Web應用程序的CSS上使用cm/mm是一種很好的做法？

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

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

什麼是以下這種方法的主要問題是什麼？

來源

2013-04-30 Rui Carneiro

W3C在CSS units上有一篇很棒的文章。特別是：

釐米：不建議用於屏幕/建議用於打印

所謂絕對單位（釐米，毫米，在，Pt和PC）指的是相同的在CSS中與其他地方一樣。任何一個表達的長度都將顯示爲與硬件和軟件的精確度相同的大小。他們不建議在屏幕上使用，因爲屏幕尺寸差異很大。大屏幕可能是60釐米（24英寸），小型便攜式屏幕可能只有8釐米。而且你不會從相同的距離看它們。

如果您需要確保打印的字體完全是特定大小，那麼您可以使用pt（或cm或in）設置字體大小的唯一位置是用於打印的樣式表。但即使使用默認字體大小通常也會更好。

來源

2013-04-30 10:28:27

該文章相當不錯，我已經閱讀過。但我的問題是，我將不僅用於打印（例如@media打印），而且用於整個應用程序。但是因爲我希望屏幕和打印100％相同，所以我懷疑cm/mm不是最好的方法。 – 2013-04-30 10:33:52

那麼你對OP頁面的寬度和高度有什麼建議？我們知道一個dinA4頁面的高度是「297mm」。將它轉換爲像素是因爲「不推薦使用cm」似乎很奇怪。 – Blauhirn 2017-12-02 00:53:40

@Blauhirn也許是相對的東西，比如'height：100％;寬度：100％'，然後單獨打印一個樣式表。 – 2017-12-02 08:43:40

在複製紙張交互的Web應用程序的CSS上使用cm/mm是一種很好的做法？

回答

相關問題