IE8打印不正确

Question

我在屏幕上以表格形式显示了一些数据，表格的宽度设置为500px。这在IE8和Chrome中看起来都相同。

但是，当我使用Chrome打印此屏幕时，打印​​效果与您在屏幕上看到的相同，即每行的字符数和行数。

当我从IE8打印时，在IE8屏幕上看到的每行字符数和行数不匹配。

为什么会发生这种情况？如何让打印输出与屏幕输出相匹配？

这是HTML表格：

<table id="test-table" width="500px">
    <tr>
        <td>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum porttitor, nunc sit amet aliquet sodales, enim nisi malesuada magna, eget auctor arcu urna eu nisi. Etiam gravida faucibus mauris in bibendum. Cras eu elit eget leo porttitor scelerisque nec eget eros. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque accumsan tellus dolor, quis convallis massa placerat ac. Donec eros metus, ornare eu risus ac, malesuada fermentum nibh. Integer facilisis ut velit a adipiscing. Maecenas in eleifend mi. Nullam feugiat pulvinar mauris. Duis ligula purus, fringilla et pretium egestas, scelerisque vitae dui.
        </td>
    </tr>
    <tr>
        <td>
            Nunc suscipit et neque ac fermentum. Nam condimentum sit amet mauris eget consequat. Aenean gravida cursus ante, id ultricies eros suscipit nec. Pellentesque viverra velit faucibus diam gravida aliquet. Etiam vehicula massa nunc, sed accumsan quam mattis sit amet. Vivamus id ornare quam. In facilisis accumsan sodales. Morbi aliquet, augue in feugiat vulputate, sem neque ultricies mauris, quis facilisis risus dolor at ante. Duis dignissim lacus cursus mauris pulvinar cursus. Sed sed libero sed quam tincidunt euismod at sed mi. Nunc nec consectetur dolor. Quisque et accumsan neque.
        </td>
    </tr>
</table>

Answer 1

您可以使用css媒体查询进行打印来设置打印版本的外观：

@media print {
  /* your styles here*/
}