웹킷/파이어 폭스 정렬 문제

나는 여기 저기에 난처한 상황에 처해있다. FF와 웹킷 브라우저에서 표시 될 때 헤더 텍스트 (img)와 2-3 픽셀의 차이가있을 수 있습니다. 이 페이지에서 전체적으로 많이 진행되는 것은 아닙니다. CSS와 HTML 모두 유효성을 검사합니다. 텍스트 확대/축소와 관련이없는 것처럼 보입니다. 내가 뭘 놓치고 있니?웹킷/파이어 폭스 정렬 문제

www.caribouhouse.com

출처

2011-01-16 Justin W Hall

FF 및 WebKit은 텍스트를 렌더링하는 데 다른 방법/알고리즘을 사용합니다. WebKit만으로도 텍스트를 렌더링하는 데 하나 이상의 메서드가 사용됩니다. 커닝 (kerning) 등으로 인해 텍스트를 렌더링 할 때 두 가지 경우 모두 텍스트가 같은 글꼴 인 경우에도 여러 가지 구현에 약간의 픽셀 차이가있는 것을 보는 것이 정상입니다. 파이어 폭스 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). 가치가있는 것을 위해, 파이어 폭스의 렌더링은 윈도우 O/S API와 비슷하게 동작하며, 사파리와 비슷합니다. – 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

나는 그것을 줄 것이다. 감사. –

웹킷/파이어 폭스 정렬 문제

답변

관련 문제