Javascript 浏览器缩放时,如何在打印时不缩放内容?
浏览器缩放时,如何在打印时不缩放内容? 不应更改缩放浏览器上的打印(使用iframe) 我尝试:Javascript 浏览器缩放时,如何在打印时不缩放内容?,javascript,html,css,reactjs,printing,Javascript,Html,Css,Reactjs,Printing,浏览器缩放时,如何在打印时不缩放内容? 不应更改缩放浏览器上的打印(使用iframe) 我尝试: 但当页面很长时,这是不正确的,这可能有助于禁用整体缩放 <meta content='width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;' name='viewport'> 我使用下一个代码: const updateSizePrintPage = () => {
但当页面很长时,这是不正确的,这可能有助于禁用整体缩放
<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 )
这对我很有用。我尝试过这个,但这并不能帮助我使用iframe进行打印,也许可以忽略iframe中的比例
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 )