Question

对于print datatable我有js代码是：

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

     document.body.innerHTML = printContents;

     window.print();

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

但是如果它生成打印选项并保存文件但由于数据库中的scrool而不是打印完整的数据

我的主播如下：

Answer 1

最好的方法是使用CSS3媒体查询。

@media print{
   body{
       font-size:12px;
       font-family:"Times New Roman";
   }
}

有关媒体查询的详细信息，请查看MDN link。

媒体查询可帮助浏览器根据情况选择合适的样式。样式被覆盖如下。

直线式
选择器（在媒体查询中）
选择器（不在媒体查询中）

如果您尝试覆盖某个选择器，请在媒体查询中添加相同的属性。然后，浏览器将选择在适当查询中定义的样式。

如果您的样式是内联的，那么解决的一种方法是使用!important标记。通常不首选使用important标记。

Answer 2

对于印刷设计包括单独的CSS

<link rel="stylesheet" type="text/css" href="https://www.example.com/css/print.css" media="print" />

用于使用inspect元素编辑打印布局打开检查元素＆gt;＆gt;＆gt;更多工具＆gt;＆gt;＆gt;点击渲染

您会看到模拟CSS媒体下拉菜单选择打印

现在编辑css并检查结果。

注意：我已在chrome

中对其进行了测试

由于

如何设置打印的字体大小时间

2 个答案: