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它不打印完整的数据..所以我想减少打印时的字体大小如何解决，任何人都可以帮助我的锚点如下：

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

Answer 1

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

@media print{
  // add font-size here

}

Answer 2

document.getElementById("myP").style.fontSize = "small";

这里＆＃39; MyP＆＃39;你的身份

＆＃13;

function myFunction() {
    document.getElementById("myP").style.fontSize = "small";
}

＆＃13;

<!DOCTYPE html>
<html>
<body>

<p id="myP" style="font-size:30px;">This is a paragraph.</p>

<button type="button" onclick="myFunction()">Set font size</button>
 


</body>
</html>

＆＃13;

在js上打印命令减少fontsize

2 个答案: