7

経由でHTMLレシートを印刷していますjavascript:window.print()

インクジェットプリンターに印刷すると、すべてがうまくいきます。ただし、DOT-MAT​​RIX プリンター、Epson LX-300+II ではすべてが異なります。うまく収まらない、テキストが揃っていない。PDFに保存してAdobe ReaderからPDFを印刷してみましたが、向きは問題ないようでした。

すでにページ サイズを設定し、フォントのサイズを変更しようとしましたが、それでも正しく印刷できません。ちなみに、領収書のサイズは8.5 x 5.5inです。

CSSの定式化を試みましたが、正しい結果が得られませんでした。これはCSSです：

@media print {
  html, body {
    width: 8.5in;
    height: 5.5in;
    display: block;
    font-family: "Calibri";
    font-size: auto;
  }

  @page
   {
    size: 5.5in 8.5in;
  }

}

@page { size: 8.5in 5.5in.; size: Portrait; }また、印刷された用紙を追加しようとすると、横向きになります。

どうすれば物事を正しく設定できますか?

編集： 試しました

@page {
    size: 5.5in 8.5in;
}

しかし、横向きでページを印刷しています...

4

3 に答える 3

6

問題を解決しました！

私のプリンター (LX-300-II) では、幅 8.5 インチ、高さ 5.5 インチの用紙サイズを定義しました。CSS コードにも変更があります。

 @media print {
    html, body {
        display: block; 
        font-family: "Calibri";
        margin: 0;
    }

    @page {
      size: 21.59cm 13.97cm;
    }

    .logo {
      width: 30%;
    }

}

レシートに画像があるので、ちょうど合うように幅を調整しました。

これが同じ問題に直面している人々に役立つことを願っています。

于 2015-08-21T16:56:10.847 に答える
1

でサイズと高さを間違った方法で使用しています@media print。これを試してください:

@media print {
    html, body {
        width: 5.5in; /* was 8.5in */
        height: 8.5in; /* was 5.5in */
        display: block;
        font-family: "Calibri";
        /*font-size: auto; NOT A VALID PROPERTY */
    }

    @page {
        size: 5.5in 8.5in /* . Random dot? */;
    }
}
于 2015-08-21T14:31:55.720 に答える
0

この問題は、ブラウザの設定または用紙サイズの設定に基づいて発生する可能性があります。印刷のプロパティで、ブラウザのフォント設定と用紙サイズを確認してください。

于 2016-06-03T05:28:25.957 に答える