javascript - window.print（）はページ全体を印刷していません

Question

私はページを持っています

このページを印刷したいです。印刷ボタンで私はこのようなものを使用しています

<input id="print" type="submit" onclick="window.print();" />

しかし、問題は、ページ全体を印刷していないことです。それのように、現在ビューにある印刷物だけです。印刷ボタンをクリックすると、Email:tahir@7-cs.comページが印刷されます。スクロールバーの下のテキストは印刷されません。

テキスト全体を印刷するにはどうすればよいですか。非常に大きなページがあり、ページに対応するためにタブを使用しているとします。そして、印刷ボタンをクリックすると、タブを含むページ全体を含めたいと思います。どうすればいいですか？

ありがとう

Answer 1

ページの印刷には別のcssファイルを使用するか、css3メディアクエリを使用する必要があります。

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

css印刷ファイルを作成する場合は、パーセンテージ値を使用するのが最適なオプションです。

body, html, #wrapper {
    width: 100%;
}

またはメインのcssファイル：

@media print {
      body, html, #wrapper {
          width: 100%;
      }
}

Answer 2

使用する

  body,html { margin-top:0%;
   display:block;
   height:100%;}

Answer 3

このCSSを使用する

@media print{ 
    body, html, #page-container, .scrollable-page, .ps, .panel {
        height: 100% !important;
        width: 100% !important;
        display: inline-block;
    }
}

Answer 4

CSS印刷スタイルシートを使用してみてください。いくつかの例については、Googleをご覧ください。

実際にページ全体が印刷されない理由については、印刷ダイアログに印刷方法を示す設定がないことを前提としています。