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

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

目前我使用的是80毫米x80毫米的尺寸，所以宽度可以，但高度不能为80吗？它应该是自动调整的。

我想在卷纸上打印它。

请帮助我...

- Akshay Bajpei

Answer 1

将发票容器的最大宽度设置为80毫米； 例如:

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

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

无需使用@media print查询，也不必将大小放在其中。

- Sanil

---

@AkshayBajpei，你是否已经删除了@@media print size并尝试过？ - Sanil

@AkshayBajpei 你是否检查了打印机设置。请进入“打印机设置”菜单，选择“滚动纸张”作为纸张来源并尝试一下。 - Sanil