HTML 打印 : DOT-MATRIX

Question

我正在通过 javascript:window.print()

打印 HTML 收据

将它打印到喷墨打印机上，一切都很好。但是在 DOT-MAT​​RIX 打印机上，Epson LX-300+II 一切都不一样。它不合适，文本未对齐。我尝试将其保存为 PDF 并从 Adob​​e 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.;尺寸:纵向； } 打印的纸张是横向的。

我怎样才能把事情做好？

编辑:我试过了

@page {
    size: 5.5in 8.5in;
}

但它正在横向打印页面...

Answer 1

解决了问题!

在我的打印机(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%;
    }

}

因为我的收据中有图片，所以我做了一些宽度调整以使其恰到好处。

我希望这可以帮助那些遇到同样问题的人。