Question

我正在使用JavaScript window.print()函数来打印带有页眉和页脚的网页。该网页高度是动态的。它的高度取决于该页面上的HTML表格。因此，当表格高度较大时，当我使用window.print()打印该页面时，网页的页脚图像将设置为打印页面的中间位置。我怎么能避免这个？

Answer 1

这是您可以使用@media查询的地方。为打印机友好设置不同的布局

yes, you can use @page {
    counter-increment: page;

    @top-center {
        content: "This is the header that will repeat on every page"
    }
    @bottom-right {
        counter-increment: page;
        content: "Page " counter(page);
    }
}

Answer 2

使用@media print指令在用户打印时应用特定的CSS样式。

@media print { ... }

Answer 3

为什么不使用这个jquery插件：

https://github.com/etimbo/jquery-print-preview-plugin

演示：

http://etimbo.github.io/jquery-print-preview-plugin/example/index.html

网页打印不能正确放入A4页面

3 个答案: