Firefox表格边框打印2px将边框渲染为1px

Question

HTML

<table class="bad">
    <tr>
        <td>test</td>
    </tr>
</table>

<table class="ok">
    <tr>
        <td>test</td>
    </tr>
</table>

CSS：

table {
    border-collapse: collapse;
}

table.ok {
    border: 1px solid black;
}

table.bad {
    border: 2px solid black;
}

打印此类HTML会在Firefox中的两个表上产生相同的边框。

其他浏览器（如Chrome）会在.bad上打印较厚的边框

我该如何修复/解决这个问题？

在.bad上设置3px边框会在Firefox上产生“粗”边框，这看起来很难看。

Answer 1

我遇到了同样的问题。 它不仅与表有关。 它也适用于div元素。 使用pt（点）作为打印单位而不是px（像素）。 尝试：

div {border: 2pt solid red}