解决IE浏览器打印iframe页面时字体等样式缩小的问题

目录

1.问题描述

2.解决方案

3.代码

1.问题描述

问题主要集中于打印 iframe， 前端调用浏览器打印功能，在谷歌，火狐浏览器上预览打印内容，和真实打印内容都是页面的正常样式。但是在IE浏览器中调用打印，以及打印出来的内容样式就会发生改变，字体样式缩小，页面被缩放等。在百度诸多的文章后，找到了解决办法。

2.解决方案

谷歌和火狐浏览器可直接调用 window.print();

但是在IE浏览器调用 window.print(); 页面就会被缩放，所以当客户是使用IE浏览器时，调用 document.execCommand('print', false, null); 方法；

3.代码

/* 判断是否是IE浏览器*/function isIE(){if (!!window.ActiveXObject || "ActiveXObject" in window)return true;elsereturn false;}/* 在打印的方法中调用*/function print(){if(isIE()){document.body.className += ' ext-ie';document.execCommand('print', false, null);}else{window.print();}}}

如有帮助，请帮忙点个赞咯。