如何在浏览器打印预览中设置自定义页面尺寸（8.2×12）

方法1：通过Chrome打印预览面板设置 #

打开打印预览（快捷键：Windows用Ctrl+P，Mac用Cmd+P），点击「更多设置」展开完整选项：

• Windows系统：在「纸张尺寸」下拉菜单中选择「自定义尺寸」，输入宽度8.2、高度12（注意确认单位，Chrome默认单位为英寸，若需要厘米可切换单位选项），设置完成后即可在预览中查看排版效果。
• Mac系统：点击「纸张尺寸」下拉菜单，选择「管理自定义尺寸」，在弹出窗口中点击「+」，为自定义尺寸命名（如“8.2×12”），输入对应宽高数值后点击「确定」，返回打印预览即可选择该自定义尺寸。

方法2：通过CSS强制页面尺寸（更稳定） #

如果希望HTML文件本身固定打印尺寸，避免依赖浏览器设置，可以在HTML的<style>标签中添加以下代码：

@page {
  size: 8.2in 12in; /* 若实际单位是厘米，改为 8.2cm 12cm */
  margin: 0; /* 按需调整边距，默认边距可能影响排版 */
}
body {
  width: 8.2in;
  height: 12in;
  margin: 0 auto;
}

添加后，无论浏览器打印设置如何，页面都会按照指定尺寸渲染，排版对齐效果更可控。

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