印刷時にCSSが消えます。

Question

印刷時にCSSが消える理由私はあなたのリンクタグがmedia="screen"セットを持っている場合に、この現象が発生

Answer 1

助けてください右

で量を配置する必要があります。つまり、CSSは画面にのみ適用され、ページが印刷されるときには適用されません。 CSSを印刷にも適用するには、media="all"を設定するか、media属性を省略します。印刷専用のスタイルでは、media = "print"を設定することもできます。お役に立てれば！

あなたはよりも、同じ画面用のCSSファイルと他の任意の出力デバイスを使用する場合：

<link type="text/css" media="screen" rel="stylesheet" href="base.css"> <link type="text/css" media="print" rel="stylesheet" href="/print.css">

：あなたは別の目的のために個別のCSSファイルを使用することができそうで

<link type="text/css" media="all" rel="stylesheet" href="base.css">

注：インクを節約するために、ブラウザは背景を印刷しません。印刷スタイルシートを作成することをお勧めします。印刷の場合、検索ボックスやナビゲーションのように、ページの多くの要素を非表示にすることができます。

Answer 2

イメージを確認することで、あなたのcssをpdf形式で印刷しようとしていることを理解しています。しかし、問題は、通常のCSSはpdfで動作しないということです。以下に示すように、media = "print"属性を持つ別のCSSを作成する必要があります。

<link type="text/css" media="screen" rel="stylesheet" href="/css/main.css"> 
<link type="text/css" media="print" rel="stylesheet" href="/css/print.css"> 

メインスタイルをコピーして貼り付け、印刷しないセクションをdisplay：noneに変更します。他のスタイルを変更してください。

Answer 3

"@media print"に同じCSSを適用します。それは印刷オプションにCSSを適用するために使用されます