如何在打印网页时将高度设置为自动

时间:2017-08-02 09:05:17

标签: javascript jquery html css printing

我需要你的帮助。

我正在制作发票优惠券系统并在优惠券打印机上打印。 你能告诉我如何将纸张高度设置为自动,需要根据内容动态更改。

<style type="text/css" media="print">
@page 
{
    size: auto;   /* auto is the initial value */
    margin: 0mm;  /* this affects the margin in the printer settings */
}
@media print {  
@page {  
  size:80mm 80mm;  
}  
}

目前我使用80mm 80mm,所以宽度还可以,但高度不能是80?它应该是可自动调节的。

我想用累积纸打印它。

请帮帮我..

1 个答案:

答案 0 :(得分:1)

将发票箱放入最大宽度:80毫米; 例如:

<div id="invoiceContainer">
....

</div>
<style>
#invoiceContainer{
..
max-width: 80mm;
height:auto;/*min-height:80mm;*/
}
</style>

不需要@media打印查询,也不必在其中放置大小。