浏览器缩放时如何缩放打印内容？ [英] how did not zoom content on printing when browser zoom?

问题描述

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

  document.body.style .transformOrigin ='左上角'; 
 document.body.style.transform ='scale（'+ scale +'）'; 
  

但页面非常长时不正确

  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）


它适用于我。 / p>

how did not zoom content on printing when browser zoom? on zoom browser printing(use iframe) should not changed i try:

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

but it's not correctly when page very long

解决方案

I use next code:

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 )

and it works for me.

这篇关于浏览器缩放时如何缩放打印内容？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！