适配80mm打印机网页打印自动高度问题

首先针对网页打印样式调整需要使用如下形式:

@media print {
  /* 打印样式 */
}

默认情况下,打印会显示当前网页地址、日期及页码信息。这个时候通过加上以下样式可不显示:

@page {
    size: auto;
    margin: 0 1pt;
}

需要注意的是,当@page 的 margin-top,及 margin-bottom 的值足够大时,当前网页地址、日期及页码信息就会显示出来。所以这里将@page 的 margin-top 及 margin-bottom 值设置为0,就不会显示了。

另外,当@page 的 margin-top 及 margin-bottom 的值适中时,打印时会将最右下角会有一个奇怪的符号(其实是未显示完的页面信息),这会导致使用80mm打印机时下面空白处全部打印出来,导致出纸特别长。

所以没什么特殊需求,将 @page 的 margin-top 及 margin-bottom 值设置成0即可。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值