CSS - Box模型 - 仅适用于Chrome

Question

使用Bootstrap的css创建简单的流体布局后，我注意到除Chrome之外的所有浏览器右侧的布局不对齐。

看看这个jsFiddle：http://jsfiddle.net/47JND/5/，例如firefox或IE9。

你会注意到这一点：

Chrome之间差异只有1个百分点（见下文）：

另请注意，我使用以下box-sizing属性：

box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box; 

我有什么遗失的吗？我已经尝试了一切我能想到的东西来找出造成这种情况的原因！

Answer 1

相当确定这是一个亚像素渲染问题。宽度被舍入到最近的像素，这使得它们基于父级的宽度而具有不同的宽度。

我也看到Chrome上的1像素重叠。