Firefox 以2像素打印表格边框时，呈现为1像素边框

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

http://jsfiddle.net/BD248/

在Firefox中打印此类HTML会使两个表格的边框相同。

其他浏览器（如Chrome）在.bad上打印出更粗的边框。

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

在.bad上设置3px边框会在Firefox上产生“厚重”的边框，看起来很丑陋。

- Marius Grigaitis

---

请在Chrome浏览器、火狐浏览器和IE9浏览器中以同样的方式渲染。 - DaniP

渲染效果很好，但打印出来的结果很差。 - Marius Grigaitis

你是在打印A4纸吗？ - ediblecode

是的，我正在A4纸上打印。 - Marius Grigaitis

Answer 1

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

div {border: 2pt solid red}

- Gilbert