PHP中如何调整打印页面尺寸以匹配2.5*1.5英寸条码贴纸规格

针对2.5英寸×1.5英寸规格的不干胶条码打印，需通过打印专属CSS规则强制浏览器仅输出条码区域、匹配贴纸尺寸，操作步骤如下： #

1. 调整页面结构 #

将条码单独放置在专属容器内，其他页面内容统一归类到无需打印的容器中：

<!-- 条码专属打印容器 -->
<div id="barcode-wrap">
  <!-- 此处插入第三方类库生成的条码内容 -->
</div>

<!-- 页面其他所有不需要打印的内容 -->
<div class="hide-when-print">
  页面导航、按钮、说明文字等非打印内容
</div>

2. 添加打印专属CSS #

@media print {
  /* 隐藏所有非打印内容 */
  .hide-when-print, .hide-when-print * {
    display: none !important;
  }

  /* 定义打印纸张尺寸和你的贴纸完全匹配，清除默认边距 */
  @page {
    size: 2.5in 1.5in;
    margin: 0;
  }

  /* 重置页面根元素边距，避免出现多余留白 */
  html, body {
    margin: 0;
    padding: 0;
    width: 2.5in;
    height: 1.5in;
  }

  /* 条码容器撑满整个打印区域 */
  #barcode-wrap {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

3. 触发打印 #

绑定按钮触发打印即可：

document.querySelector('#print-btn').addEventListener('click', () => {
  window.print()
})

打印前校验事项 #

• 打开浏览器打印预览后，确认纸张尺寸选择为2.5×1.5英寸的自定义规格
• 关闭打印选项中的「页眉页脚」「打印背景」等附加功能，边距选择「无」
• 若条码清晰度不足，可将生成的条码格式替换为SVG矢量格式，避免位图缩放模糊

原问题示意：
#

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