2017-05-18 7 views
0

私はデモプロジェクトを進めており、Ctrl + Pをクリックするだけで印刷可能にする方法を知る必要があります。私がそれを印刷しているときに、CSSとスタイルのない文書を私に渡すだけです。 ここに私が得ている結果と私が得たいpdfがあります。 enter image description here enter image description hereyii2のctrl + Pをクリックしてページを印刷する方法は?

は、私はしたいthis->enter image description hereあなたは、通常のCSSが、ここでは動作しません印刷メディアのためのCSSを記述する必要が

答えて

0

。 はそうではない、すべての上記のレイアウトで使用されるこれらのステップ

  1. 通常のスタイルシートから

  2. コピーCSSクラスprint.cssという名前の新しいCSSファイルを作成するだけで、これらのクラスを行います。

  3. 印刷物に表示したくない部分を非表示にします。

    .navigation, header, footer{display :none!important;} 
    

    よう

今私は、余分な属性を使用して、ビューファイルで、このCSSファイルが含まれています。 e。 screen="print"

このようにフルパスのように見えます。 <link href="path/to/print.css" screen="print" />

これは、すべてのcssクラスをメインファイルのメディアクエリの下に置くことによって行うことができます。 のようなもの@media(print){ // all your css classes that involves in your layout and extra css to hide div that you dont want }

関連する問題