Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 浏览器缩放时,如何在打印时不缩放内容?_Javascript_Html_Css_Reactjs_Printing - Fatal编程技术网

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

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 = () => {

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


但当页面很长时,这是不正确的,这可能有助于禁用整体缩放

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