javascript - CSS 媒体打印文档作为小册子

Question

我有生成为 HTML 的文档。我想将这些文件打印成小册子。我的打印机有问题，所以我想生成 CSS 和/或 HTML 以按正确的顺序打印这些文档，例如，有 4 页的文档:第一页:打印第 4 页 | 1个第二页:打印第 2 页 | 3个打印尺寸:A3。

是否可以仅使用 HTML 和 CSS 来实现？不幸的是，呈现这些文档的组件是基于 IE9 的:(

Answer 1

您可以使用它来生成不同的打印样式。我不知道响应式打印是否可行。但是你可以做的一件事是询问用户他们的打印机尺寸(通过一个简单的选择框)......通过 javascript 获取值，然后针对不同的尺寸进行操作......

例如:

if (//selected for a4) {
  <link rel="stylesheet" type="text/css" href="printa4.css" media="print">
} else if (//selected for a3) {
  <link rel="stylesheet" type="text/css" href="printa3.css" media="print">
} else {
  <link rel="stylesheet" type="text/css" href="printNormal.css" media="print">
}

然后在相应的打印 css 文件中按照您想要的方式操作布局。

也许有更好的方法...