EPSON TM-T20II热敏打印机收据打印高度异常求助

使用EPSON TM-T20II热敏打印机时，打印收据出现高度过大的问题，但将页面另存为PDF时高度显示正常。

当前使用的CSS代码 #

@media print {
    @page {
        size: 80mm 110mm; margin: 10mm;
    }*, *: before, *: after {
        box - sizing: border - box;
    }
}

效果与问题分析 #

• 另存为PDF效果正常：收据内容完全适配设定的110mm高度，无多余空白
• 直接打印效果异常：收据下方出现大量空白，整体打印高度远超预期
• 核心限制：使用80mm卷纸，但打印机可选纸张尺寸仅有80x297mm或80x3276mm，推测纸张尺寸不匹配是问题根源

已尝试的CSS代码 #

@media print {
    html,body {
        height: auto;
    }
}

解决建议 #

• 添加自定义纸张尺寸：在打印机驱动中手动添加符合需求的纸张规格（宽80mm，高度根据实际收据内容设置，比如110mm），设置步骤参考：
  1. 打开系统「设备和打印机」
  2. 右键EPSON TM-T20II选择「打印首选项」
  3. 切换到「纸张/质量」或「纸张规格」选项卡
  4. 找到「自定义纸张尺寸」选项，添加新规格并设为默认
• 优化CSS打印规则：将@page的高度设为auto，让内容自动适配高度，同时修复box-sizing的语法错误，修改后的代码：

@media print {
    @page {
        size: 80mm auto;
        margin: 10mm;
    }
    *, *::before, *::after {
        box-sizing: border-box;
    }
    html, body {
        max-height: 100%;
        overflow: hidden;
    }
}

• 调整打印机驱动设置：进入打印机高级设置，关闭「自动切纸留边」「额外空白」之类的选项，确保打印机严格按照内容高度打印
• 尝试官方打印工具：如果网页打印适配困难，可使用EPSON官方的ePOS SDK，针对热敏打印机做专门的打印控制，避免浏览器打印的兼容性问题

内容的提问来源于stack exchange，提问作者MTK