16

私のプリンターのデフォルト サイズは A4 で、古いドット マトリックス プリンターを使用して 8.5 インチ x 5.5 インチのサイズで給与明細を印刷する必要があります。すべての給与明細DIVを一定の高さに設定しようとしましたが、

width: 175.6mm;
height:123.7mm;
margin-left:auto;
margin-right:auto;

給与明細のサイズにピッタリはまりますが、A4と違って給与明細の紙がすべてつながっているため、印刷後は最後まで紙が転がり続けます。また、プリンターの用紙サイズを変更したくないので、次のように設定しました。

@media print 
{
   @page
   {
    size: 8.5in 5.5in;
    size: portrait;
  }
}

しかし、Google Chrome の印刷プレビューにはまだこれが表示されています。

ここに画像の説明を入力

実際にそうすることが可能ですか?または、ペイスリップが印刷された後にプリンターが印刷を強制的に停止して、紙を転がし続けるのを防ぐ方法はありますか?(これは不可能だと思います)

PS私はGoogle Chromeのみを使用しています。

**更新しました：

「PDF として保存」を選択すると用紙サイズが変わることに気付きました。デフォルトのプリンターを選択し直すと、用紙サイズが再び正しくなくなります。

4

5 に答える 5

11

この作品かも。

@media print 
{
   @page
   {
    size: 8.5in 5.5in;
    size: landscape;
  }
}

また

@media print 
{
   @page
   {
    size: 5.5in 8.5in ;
    size: landscape;
  }
}
于 2015-06-21T23:45:05.663 に答える
4

今日はChrome 32.0.1700.107 mを使用しています

ページ サイズ用に確立されたW3 CSS3 標準は、印刷インターフェイスで Chrome から直接 [PDF として保存] オプションとうまく機能します。プリンターの使用は、プリンターのデフォルト サイズを使用するため、Chrome の印刷インターフェイスでは大きく異なることに注意してください。

私は何年にもわたって、さまざまなプロジェクトのさまざまなインターフェイスと回避策で問題を抱えてきました（たとえば、処理が重すぎてコードが乱雑なサーバーから直接 PDF を生成したり、ユーザーに Windows 印刷インターフェイスを使用するように指示したりするなど）。これは私にとって素晴らしい解決策であり、決定的なようです!

サイト内の CSS3 のみを使用して、適切なサイズの用紙で PDF を作成できるようになりました。サードパーティのソフトウェアやその他のトリックを使用する必要はありません。

あなたの場合、最善の解決策は、プリンターで構成されているデフォルトの用紙サイズを変更することです。これは、アドバイスを提供し、印刷から隠されている小さなフローティング div を使用してユーザーにアドバイスしました。ただし、「プリンターの用紙サイズを変更したくない」ため、サーバー側で変更を加えたくない場合は、印刷者からもう 1 つの手順が必要になります。最初に PDF を保存してから、作成したばかりの PDF からプリンターを選択します。

于 2014-02-17T18:24:11.033 に答える