紙の相互作用を再現する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：画面は非推奨/印刷は推奨

いわゆる絶対単位（cm、mm、in、pt、pc）は、CSSでは他のどこでも同じ意味です。これらのいずれかで表された長さは、正確にそのサイズとして表示されます（ハードウェアおよびソフトウェアの精度内）。画面サイズはさまざまであるため、画面での使用はお勧めしません。大きな画面は60cm（24インチ）、小さな携帯用画面はたったの8cmです。そして、あなたはそれらを同じ距離から見ません。

フォントサイズを設定するためにpt（またはcmまたはin）を使用できる唯一の場所は、印刷されるフォントが特定のサイズであることを確認する必要がある場合、印刷用のスタイルシート内にあります。ただし、デフォルトのフォントサイズを使用する方が通常は適切です。