按下按钮时PrintThis重写自定义CSS

Question

我使用PrintThis Jquery插件。

我使用Bootstrap作为我的框架。

使用PrintThis打印时，我想降低字体大小。

我刚改变了医生的风格。就像这样：

<style>
body {
    font-size: 8px;
    line-height: 1.42857143;
}
</style>

当页面第一次加载时。所有文本为8 8px。

但是，当我按下PrintThis按钮时，页面将重新加载/将所有文本更改为引导默认的14 to。为什么会这样呢？

用于 printButton的HTML

<button class="btn btn-default pull-right" id="print_btn"><span class="glyphicon glyphicon-print" title="Print"></span></button>

JS for printThis

<script>
$(document).ready(function () {
    $('#print_btn').click(function () {
      $('#usr_name, #list_usr_time, #sum_worked_time,  #break_page').printThis();
    });
});
</script>

UPPDATE I将样式从页面移到CSS文件中。

然后，我将css文件加载到页面中。

我还添加了: loadCSS：“css/定制_printthis.css.css”，用于定制Jquery。

结果是，页面不覆盖css。文本是8px，和我想要的一样。但是，当我按下打印时，预览会在表格标签中显示14 BUT文本.外面有8 8px的短信。我需要在我的css中添加"table.tex“..。

Answer 1

为了解决这个问题，我为php打印的所有文本创建了一个新类。

然后，我为该类创建了一个CSS文件，并高估了Bootstrap的原始字体大小。

<td class="table_text">Text</td>

.table_text{
    font-size: 10px;
}