html - 打印导出弹出框取代了页面上的文本

Question

在应用程序中，用户可以查看如下图表。它包含有关线条代表什么的详细信息:

这是图例(文本)的代码:

<table class="P1Table" style="height:auto !important; margin-top:5px; border:none; width:95%; overflow:hidden; margin-left:10px;">
   <tr>
      <td style="width:6%;"></td>
      <td style="width:47%; text-align:center;max-height:12px;">LTD</td>
      <td style="width:47%; text-align:center;max-height:12px;">YTD</td>
   </tr>
   <tr style="background-color:white;">
      <td style="width:6% !important; max-height:12px; background-color:#008EE4 !important; border:1px solid white"></td>
      <td id="MatterLTDValueID">
         "data"
      </td>
      <td style="width:47%; text-align:center;" id="MatterAdHocValueID">
         "data"
      </td>
   </tr>
   <tr>
      <td style="width:6% !important;max-height:12px; background-color:#f68415 !important; border:1px solid white;"></td>
      <td id="BenchmarkLTDValueID">
         "data"
      </td>
      <td id="BenchmarkAdHocValueID">
         "data"
      </td>
   </tr>
</table>

问题是每当我使用打印功能时，打印导出弹出框出于某种原因会扭曲图表中的文本。弹出窗口只是当您尝试在页面上打印任何内容时出现的通用弹出窗口。

有谁知道可能导致这种情况发生的原因是什么？当打印弹出窗口完全显示为一个单独的窗口时，我认为它不会影响页面上的任何内容。

Answer 1

虽然我没有找出超出它的确切原因，但我通过这样做解决了这个问题:

td { padding:0px; }