CSS媒体打印文档作为手册

时间:2015-02-27 11:27:47

标签: javascript html css printing

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

只用HTML和CSS才能实现这一目标吗? 不幸的是,呈现这些文档的组件基于IE9 :(

1 个答案:

答案 0 :(得分:0)

您可以使用它来生成不同的打印样式。我不知道是否可以进行响应式打印。但有一件事你可以做的是询问用户他们的打印机尺寸(通过一个简单的选择框)...通过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文件中操作布局。

可能有更好的方法......