Webkit/Firefoxアラインメントの問題

私はここで困惑しています。 FFとWebkitのブラウザで表示されたときに私のヘッダーテキスト（img）とおそらく2-3ピクセルの違いがあります。このページではたくさんのことが起こっているわけではありません。 CSSとHTMLの両方が検証されます。表示されず、テキストズームに関連しています。私は何が欠けていますか？Webkit/Firefoxアラインメントの問題

www.caribouhouse.com

出典

2011-01-16 Justin W Hall

FFとWebKitのは、テキストをレンダリングするためにさまざまな方法/アルゴリズムを使用しています。 WebKitだけでも、テキストをレンダリングする方法は複数あります。カーニングなどのために、テキストをレンダリングするときには、テキストが両方の場合で同じフォントであっても、異なる実装では数ピクセルの違いがあるのが普通です。 Firefox 3のCSSルールを上書きするためのハックがあります

出典

2011-01-16 19:07:11 ChrisW

はまあそれは迷惑なんです。私はそれが事実であると考えました。 –

@Justin - これは大きなテーマですが、もう少し詳しく説明します。 [ここ]（http://www.codinghorror.com/blog/2007/06/whats-wrong-with-apples-font-rendering.html）と[here]（http://www.codinghorror.com/blog） /2007/06/font-rendering-respecting-the-pixel-grid.html）。 FireFoxのレンダリングは、Windows O/S APIのように機能し、Safariのように動作しません。 – ChrisW

、あなたはこれを使用することができます。

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

出典

2011-01-16 19:12:54

私はそのショットを与えるでしょう。ありがとう。 –

Webkit/Firefoxアラインメントの問題

答えて

関連する問題