html - CSS - 盒子模型 - 仅适用于 Chrome

Question

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

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

你会注意到这一点:

Chrome 之间只有大约 1px 的差异，(见下文):

另请注意，我正在使用以下 box-sizing 属性:

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

有什么我想念的吗？我已经尝试了所有我能想到的方法来找出造成这种情况的原因!

Answer 1

可以肯定这是一个子像素渲染问题。宽度四舍五入到最接近的像素，这使得它们根据父级的宽度具有不同的宽度。

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