私は画面に表示されたレポートを作成しました。これも印刷可能でなければなりません。アプリケーションはIE 6.0もサポートしなければなりません。スクリーンと印刷メディアのページをデザインする - フォントサイズ
どのフォントサイズを使用する必要がありますか？
私はスクリーンメディア（ウェブページ）とプリントメディア用のemを使用しているはずです（emはスケーラブルで、ptはそうではありません...）。
どのようにCSS要素に関してこのようなページをデザインしますか？
印刷媒体用の別個のCSSファイルを作成し、CSSクラスをすべて複製してフォントサイズを変更するだけですか？非常に重複しています。
良い方法はありませんか？
ありがとうございます。
これ以上複製する必要はありません。
Web用のレポートを作成します。
次に、あなたのスタイルシートの本体に上記の例ではそう
@media print {
div#content {background:#fff; width:90%; font-family:serif; font-size:12px;}
div#header, div#insideheader, div#topnav, div#footer,
div#navcontainer, p.pic img {display:none;}
div#main {border:none; background:none;}
a {color:black;}
}
のように、印刷スタイルのための参照を追加し、私はbackground-colorwhiteへと拡張コンテンツを設定
navとfooterのような余分な部分のほとんどを削除して、ページのほとんどのwidthを入力してください。serif fontに設定し、印刷のための読みやすさと、かなり標準的な12pxのサイズを設定します。最初のスタイルシートがメディアすべてにマークされ、2番目のスタイルシートがメディアプリントである場合、2番目のスタイルシートは効果的に拡張子になり、1番目のスタイルシートは印刷メディア用にオーバーライダーになります。画面の印刷とemのポイントを優先します。
あなたが考えなかったかもしれない他のものについては、この記事をご覧ください。
ありがとうございます、emはやや難しいです。すべての要素は、互いにフォントサイズを継承します。適切なデザインが必要です。背景色：赤を印刷スタイルシートのdiv要素に追加しましたが、印刷時に赤い背景が表示されず、何が間違っているかわかりません。 –
ブラウザの設定は、印刷イメージや背景イメージ、またはカラーを許可するかどうかを設定できます。 Googleでは、ブラウザ設定を変更する方法を見つける手助けをしますが、残念ながらユーザーが使用する設定を制御することはできません。 –
emsでの作業については、http：//trevordavis.net/blog/the-6-most-important-css-techniques-you-need-to-knowのテクニック1を参照してください。 –