如何在打印页面时控制页面大小

Question

为什么浏览器的宽度会影响打印的宽度???

看看这个例子 - 当浏览器窗口很宽时 - 打印几乎被截断为宽

但是当浏览器很窄时，打印效果很好，适合页面。

无论浏览器有多宽，如何让它在打印中做到相同的尺寸？

（并且没有，最大宽度不起作用，确定它确实设置了最大宽度，但页面看起来像这样 - 所以它没有解决问题）

这是我的打印机CSS：

<style>
    @media print {
        body {
            -webkit-print-color-adjust: exact;
        }
        @page {
            size: portrait;
            margin: 10mm 5mm 5mm 5mm;
            mso-header-margin:0mm;
            mso-footer-margin:0mm;
            mso-paper-source:0;
        }
    }
</style>

Answer 1

事实证明，我放置文档的iframe从网站本身继承了CSS。

一旦我这样做，一切正常......

//
// Render Document
//
var renderDocument = (html) => {
    return new Promise((resolve, reject) => {
    document.write(html);
    document.close();
    resolve();
})};