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

Question

对于打印数据表，我有 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，它不会打印完整数据

我的 anchor 如下:

Answer 1

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

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

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

---

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

1. 行内样式
2. 选择器(在媒体查询中)
3. 选择器(不在媒体查询中)

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

如果您有内联样式，那么解决的一种方法是使用 !important 标签。通常不推荐使用 important 标签。