使用bootstrap.css在Firefox中出现奇怪的1px错误

Question

我有一个带有造型的桌子。默认情况下，它在Chrome和Firefox中呈现出色。当我将Twitter Bootstrap样式表添加到文档时，表格单元格中的文本在Firefox中移动了1px 。但是我甚至没有添加Bootstrap＆＃34; .table＆＃34;我的桌子上课。我测试了不同的情况，它似乎是由bootstrap.css中的全局引起的。它还与行高有关。

我已经添加了这样的css代码段，但它没有帮助。

.my-table *,
.my-table *:before,
.my-table *:after {
    line-height: 14px !important;
}

这真的很奇怪，因为当我添加一个全局行高修复时，我的表最终呈现正确。此外，当仅将此行高度规则添加到正文或表格时，它无效。

* {
    line-height: 14px !important;
}

我附上了一张说明1px问题的截图。

我尝试将这两个版本与devtools和类似的方法进行比较，但是在应用于表格的样式（有或没有boostrap）之间似乎没有任何区别。还检查了计算样式。