javascript - 在 js 的打印命令上减少字体大小

Question

对于打印数据，我有 js 代码是:

<script type="text/javascript">
  function printDiv(divName) {
     var printContents = document.getElementById(divName).innerHTML;
     var originalContents = document.body.innerHTML;

     document.body.innerHTML = printContents;

     window.print();

     document.body.innerHTML = originalContents;
}
</script>

但是万一它生成了打印选项并保存了文件但是由于数据表中的 scrool 它没有打印完整的数据..所以我想在打印时减少字体大小我该如何解决这个问题任何人都可以帮忙 我的 anchor 如下:

<a href="" onclick="printDiv('printableArea')"> <i aria-hidden="true" style="color:black" class="fa fa-print"></i></a>

Answer 1

一个新的 css 文件 @media print将允许设置打印文档的样式。此文件需要包含在根 html 中，或使用任何现有的 css 文件添加@media 打印媒体查询

@media print{
  // add font-size here

}