ドキュメントの選択した領域のみを印刷しようとしています。選択したエリア/divの内容を新しいウィンドウに追加してwindow.printを呼び出してみたのですが、cssで問題が発生しました。私のページには複数のファイルからの css があるため、それらの css ファイルをもう一度読み込むのは困難です。
そのため、選択したエリア/div コンテンツをインライン スタイルで新しいドキュメントにエクスポートして印刷する必要があります。
質問する
151 次
2 に答える
2
まず、外部スタイルシートが印刷出力に悪影響を与える場合は、単純なメディアクエリを使用してそれらをスクリーンメディアに制限できます。<link rel="stylesheet" href="style.css" media="screen,projection" />
このようにして、印刷スタイルシートはスタイルのないページから開始でき、前のシートをリセットする必要はありません。
典型的な印刷スタイルシートは、広告を非表示にし、色を高コントラストの色にリセットし、タイポグラフィを調整します-HTML5ボイラープレートの印刷セクションを見てください。
「選択した領域」とは、ユーザーが何を印刷する必要があるかを決定できることを意味する場合.addClass('print');、JavaScriptハンドラーのようなことを行うことで簡単にそれを実現でき、印刷CSSは次のようになります。
* {display: none;}
.print, .print * {display: block;} /* Or inline, depending on the element */
IE <9を気にしない場合は、次のようにすることができます。
body :not(.print) {display: none;}
于 2012-04-29T08:41:05.610 に答える
0
印刷メディアタイプを使用して、ページを印刷するときにのみページに適用されるCSSファイルを指定できます。印刷CSSファイル内の不要な要素をすべて非表示にすることができます。
于 2012-04-29T08:29:42.120 に答える