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

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; }