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

时间:2017-10-10 18:50:32

标签: javascript html css reactjs printing

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

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

但页面很长时它不正确

2 个答案:

答案 0 :(得分:0)

这有助于整体禁用缩放。

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

答案 1 :(得分:-1)

我使用下一个代码:

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 )

它适用于我。