浏览器缩放时如何在打印时不缩放内容?

IT技术 javascript html css reactjs printing
2021-05-26 12:37:45

浏览器缩放时如何在打印时不缩放内容?缩放浏览器打印(使用 iframe)不应该改变我尝试:

document.body.style.transformOrigin = 'top left';
document.body.style.transform = 'scale(' + scale + ')';

但是当页面很长时它不正确

2个回答

这可能有助于禁用整体缩放。

<meta content='width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;' name='viewport'>

我使用下一个代码:

const updateSizePrintPage = () => {
        let scale = 1 / window.devicePixelRatio;
        document.getElementById('print-page').style.transform = 'scale(' + scale + ')';
        document.getElementById('print-page').style.transformOrigin = 'top left';
      };
 window.addEventListener('resize', updateSizePrintPage )

它对我有用。