2013-04-30 4 views
24

後で印刷するためにドキュメントとやりとりするWebアプリケーションを構築しています。いくつかの点でGoogle Docsに似ています。私はドキュメントのページのCSSにcm/mmを使用することを検討しています。なぜなら、ドキュメントの生成に役立つからです。例:紙のやりとりを複製するウェブアプリケーションのCSSにcm/mmを使用するのは良い方法ですか?

// A4 size 
.page { 
    width: 210mm; 
    height: 297mm; 
    margin: 2cm 5cm; 
} 
<div class="page"> 
    ... 
</div> 

このアプローチを、以下の主な問題は何ですか?

答えて

24

W3Cには、CSS unitsという件名の投稿があります。

CM:特にプリント

いわゆる絶対単位(CM、MM、において、PTおよびPC)に推奨/スクリーンのため推奨しないが、同じ意味します他の場所と同様にCSSでこれらのいずれかで表される長さは、ハードウェアとソフトウェアの精度内で正確にそのサイズとして表示されます。画面のサイズが大きく異なるため、画面での使用はお勧めしません。大きな画面は60cm(24インチ)、小さな、ポータブル画面は多分わずか8cmです。そしてあなたは同じ距離からそれらを見ない。

フォントサイズの設定にpt(またはcmまたはin)を使用できる唯一の場所は、印刷されたフォントが特定のサイズであることを確認する必要がある場合は、印刷用のスタイルシートです。しかし、そこでさえ、デフォルトのフォントサイズを使用しても通常はより良いです。

+7

この記事はかなりいいですし、すでに読んでいます。しかし、私の問題は、印刷(例えば、@media print)だけでなく、アプリケーション全体に対してcm/mmを使用することです。しかし、スクリーンとプリントを100%同一にしたいので、私はcm/mmが最良のアプローチではないという疑問を持っています。 –

+0

ページのOPの幅と高さをどうお勧めしますか? dinA4ページの高さは297mmです。 "cmは推奨されていない"ため、これをピクセルに変換するのは非常に奇妙なようです。 – Blauhirn

+0

@Blauhirn多分、何か相対的で、 'height:100%; width:100% 'とし、別のスタイルシートを印刷します。 –

関連する問題