浏览器缩放时如何在打印时不缩放内容?缩放浏览器打印(使用 iframe)不应该改变我尝试:
document.body.style.transformOrigin = 'top left';
document.body.style.transform = 'scale(' + scale + ')';
但是当页面很长时它不正确
浏览器缩放时如何在打印时不缩放内容?缩放浏览器打印(使用 iframe)不应该改变我尝试:
document.body.style.transformOrigin = 'top left';
document.body.style.transform = 'scale(' + scale + ')';
但是当页面很长时它不正确
这可能有助于禁用整体缩放。
<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 )
它对我有用。