Webkit / Firefox对齐问题

Question

我在这里难过。在FF与webkit浏览器中显示时，我的头文本（img）可能有2-3个像素差异。在这个页面中不是很多。 CSS和HTML都验证了。似乎与文字缩放无关。我错过了什么？

www.caribouhouse.com

Answer 1

在firefox 3中有一个覆盖css规则的黑客，你可以使用它：

.foo{}/* other browsers */
.foo, x:-moz-any-link { } /* FireFox 2 */
html>/**/body .foo, x:-moz-any-link, x:default { } /* Only FireFox 3 */


Answer 2

FF和WebKit使用不同的方法/算法来渲染文本。甚至WebKit本身也使用多种方法来渲染文本。由于字距调整等，在渲染文本时看到不同的实现具有几个像素的差异是正常的，即使在两种情况下文本都是相同的字体。