Firefox 表格边框打印 2px 将边框呈现为 1px答案

【问题标题】：Firefox table border print 2px renders border as 1pxFirefox 表格边框打印 2px 将边框呈现为 1px
【发布时间】：2014-02-28 15:31:27
【问题描述】：

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 上产生“粗”边框，看起来很难看。

【问题讨论】：

【解决方案1】：

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

div {border: 2pt solid red}

【讨论】：