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

Question

浏览器缩放时如何缩放打印内容？ 上放大浏览器打印（使用iframe）不应该改变 我尝试：

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

，但它不是正确的时候页面很长

Answer 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) 

，它为我工作。

Answer 2

这有助于禁用整体缩放。

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