css - 铬浏览器：如何设置打印参数（A4 / A3，方向等）？

Question

使用 window.print() 时有什么方法可以添加打印参数？

Answer 1

您可以使用 CSS3 规则：

@page {
  size: A4 portrait;
  margin: 27mm 16mm 27mm 16mm;
  counter-increment: page;
  @bottom-right {
    content: "Page " counter(page) " of " counter(pages);
  }
}

但是一些用户代理不支持pages计数器，并且会忽略包含该计数器的任何内容，因此要覆盖所有 UA，请执行以下操作：

@page {
  size: A4 portrait;
  margin: 27mm 16mm 27mm 16mm;
  counter-increment: page;
  @bottom-right {
    content: "Page " counter(page);
    content: "Page " counter(page) " of " counter(pages);
  }
}

在此处阅读有关 CSS3 分页媒体模块的更多信息