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

Question

我需要你的帮助。

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

<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？它应该是自动调节的。

我想用卷纸打印它。

请帮帮我..

Answer 1

放置发票容器最大宽度:80mm； 例如:

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

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

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