文書の選択された部分のみを印刷しようとしています。選択した領域/ divの内容を新しいウィンドウに追加してwindow.printを呼び出そうとしましたが、CSSに関する問題が発生しました。私のページには複数のファイルからのCSSがあるので、それらのCSSファイルをもう一度ロードするのは難しいです。文書の特定の部分だけを印刷するのが一番簡単です。
インラインスタイルの選択した領域/ divコンテンツを新しいドキュメントに書き出して印刷する必要があります。
印刷メディアタイプを使用して、印刷時にページにのみ適用されるCSSファイルを指定できます。印刷CSSファイル内の不要な要素をすべて非表示にすることができます。
外部スタイルシートがあなたの印刷出力に良いよりも害を行う場合はまず、あなたが簡単なメディアクエリーでメディアを選別するためにそれらを制限することができます。あなたの印刷スタイルシートを開始することができ<link rel="stylesheet" href="style.css" media="screen,projection" />
この方法未スタイルのページで、前のシートをリセットする必要はありません。
典型的な印刷スタイルシートは、広告を非表示にし、色を高コントラストの色にリセットし、タイポグラフィを調整します。HTML5ボイラープレートのthe print sectionをご覧ください。
「選択領域」によって、ユーザーが印刷される必要があるかを決定できることを意味している場合、あなたは簡単にはJavaScriptハンドラに.addClass('print');のような何かをすることによって、それを達成することができ、その後、あなたの印刷CSSは次のようになります。
* {display: none;}
.print, .print * {display: block;} /* Or inline, depending on the element */
、あなただけのこの操作を行うことができます。
body :not(.print) {display: none;}