HTML打印:点矩阵

Question

我正在通过javascript:window.print()打印一张HTML收据

把它印到喷墨打印机上，一切都会好起来。然而，在DOT-矩阵打印机，爱普生LX-300+II的一切都是不同的.它不合适，文本不对齐。我试着把它保存到PDF中，然后从Adobe打印PDF，方向似乎都很好。

我已经设置了页面大小，并尝试调整字体大小，但仍然无法正确打印。顺便说一下，收据的大小是8.5x5.5 is 。

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

但它把这页印在风景上..。

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? */;
    }
}

Answer 3

此问题可能基于浏览器设置或纸张大小设置。在打印属性中检查浏览器字体设置和纸张大小。