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

【问题标题】：How Can i set the fontsize time of print如何设置打印的字体大小时间
【发布时间】：2018-07-07 19:11:33
【问题描述】：

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

我的锚点如下：

【问题讨论】：

标签： javascript jquery css datatable bootstrap-4

【解决方案1】：

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

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

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

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

内嵌样式
选择器（在媒体查询中）
选择器（不在媒体查询中）

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

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

【讨论】：

我也做了同样的事情，但在我的情况下它不起作用......不知道你
@Apoorva 我认为 Prajwal 为您的问题提供了一个很好的答案。当你说它不起作用时，你是什么意思。发生什么了。请更具描述性。
使用 bootstrap 数据表，你可以初始化 Button 并将其附加到另一个 div，默认清理类并放置自己的样式
@Apoorva document.body.style.fontSize = "x-small"?
@Apoorva 我回答了

【解决方案2】：

对于印刷设计，包括单独的 css

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

使用检查元素编辑打印布局打开检查元素>>>更多工具>>>点击渲染

你会看到 Emulate CSS media 下拉选择 print

现在编辑 css 并检查结果。

注意：我已经在chrome中测试过了

谢谢

【讨论】：