总宽度可能是宽度的总和，并且这些分数宽度之前以某种方式四舍五入。该总和不等于容器的宽度。我发现更多的元素会产生更多的不准确性，例如 5 个元素有 3 个像素的差异。
\n\n实际上，内联文本块可以具有分数宽度，例如 10.6px 。因此，连续放置的三个块将占用 31.8px \xe2\x89\x88 32px。但是当每个宽度四舍五入到 \xe2\x89\x88 时总共 11px * 3 = 33px 。这是一个像素的差异。http://jsfiddle.net/3BFGU/86/
\n\n注意： Firefox 的字体渲染引擎仅在字体大小 > 15px时才开始使用亚像素字母放置（至少对于 Verdana、Arial 和 Segoe UI，它们应用了极端提示）。当较少时，每个字母都具有整数宽度值，并且字符串中所有相同的字母具有完全相同的光栅图像。这种行为在和之间切换可以清楚地看到letter-spacing: .9px;font-size: 14.9px;font-size: 15.1px;
除此之外，一年前我做了一个小游乐场来测试不同浏览器的渲染引擎。
\n