网页打印不适合 A4 页面

Question

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

Answer 1

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

@媒体打印{ … }

Answer 2

那是您可以使用@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 3

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

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

演示：

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