HTML打印:DOT-MAT​​RIX

Question

我正在打印HTML收据 javascript:window.print()

将其打印到喷墨打印机可以使一切都很好.但是在DOT-MAT​​RIX打印机上,爱普生LX-300 + II的一切都与众不同.它不合适,文本不对齐.我尝试将其保存为PDF并从Adobe Reader打印PDF,方向似乎都很好.

我已经设置了页面大小并尝试调整字体大小,但仍然无法正确打印.顺便提一下,收据的大小是8.5 x 5.5英寸.

我尝试制定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;
}

但它在Landscape上打印页面......

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%;
    }

}

由于我的收据中有图像,因此我进行了一些宽度调整以使其恰到好处.

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

Answer 2

您在 中使用了错误的尺寸和高度@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? */;
    }
}