ラベルを印刷するためのCSSの設計方法

Question

サイトのユーザーが「ラベルを印刷」ボタンをクリックすると、白い背景にラベルのみが表示され、印刷ダイアログボックスが表示されるページに送られます。私の質問は、それがどの紙（US、A4、...）でもフルペーパー幅に印刷されるように、このラベルのCSSを "考える"方法です。

すべて、ボックス、余白のサイズを変更するにはパーセントを使用する必要がありますか？フォントのためのems？またはポイント？ 最初にCSSリセットを使用する必要がありますか？

この種のCSSアプリケーションでは、ネット上に適切なリソースがありますか？

更新：通常の用紙によくレイアウトされたフローティングセクションとパーセンテージ幅で作成しました。だから、この質問を閉じたと考えてください。

Answer 1

ラベルに異なるセクションのデータが含まれている場合は、すべてを正確に拡大することが非常に難しい場合があります。

私が行っているのは、単一のSVGイメージを生成し、それをスケールすることです。 SVGはスケーリングのために設計されていますが、（X）HTMLは解像度に応じてコンテンツをリフローするように設計されています。

SVGは、HTMLの右側に埋め込むことのできるXMLの一部です（look here）。

Answer 2

絶対/固定、浮動：左/右の位置を使用しないでください。

Ptは印刷フォントに最適ですが、ほとんどの場合はほとんど問題ありません。

Answer 3

私は、レイアウトをできるだけ流動的にすることを考えています。また、対策としてpxを使用しないでください。ここに1つの良い記事があります：CSS Design: Going to Print