html - 无法强制打印页面大小

Question

我有一张用 html/css 制作的表格，需要打印在 40.5cm x 21.5cm 的页面上，我无法通过 css/html 强制以该尺寸打印。我有这个:

    html, body {
        width:40.5cm;
        height:21.5cm;
        margin:0cm;
        padding:0cm;
    }
    @page
    {
        width: 40.5cm;
        height: 21.5cm;
        margin:0;
    }
    @media print {
        html, body {
            width: 405mm;
            height: 215mm;
        }
    }

但每次我打印和“打印到 PDF”时，PDF 都是以“字母”页面大小创建的。我试着实际打印它，它也出现在那个尺寸上。我缺少什么？我还尝试使用@page size 而不是@page width and height。

Answer 1

您不能使用 css 覆盖打印设置，唯一的解决方案是创建 pdf。你可以使用 https://parall.ax/products/jspdf并使用此设置大小:

打开网站并更改:var doc = new jsPDF(); 为此:

new jsPDF('p', 'mm', [405, 215]);

你可以打印你的自定义