Firefox 4 글꼴 크기 변형

Question

나는 최근에 웹 사이트를 코딩하여 모든 브라우저에서 정상적으로 테스트하여 여러 브라우저에서 일관성을 유지했습니다. IE 7, IE 8, Chrome 및 Firefox 3.6에서 테스트했습니다.

그러나 Firefox 4를 사용하는 사용자는 CSS의 일부가 손상되었다고 지적했습니다. 그걸 살펴본 후에 Firefox 4에서 다른 브라우저보다 font-size가 약간 더 커져서 텍스트가 아래로 밀려 나가고 일부 레이아웃이 깨지는 것 같습니다.

대부분의 문제를 해결할 수 있었지만 가장 중요한 문제는 왼쪽에 텍스트 상자가 있고 그 안에 작은 텍스트가있는 스팬이 오른쪽에 떠있었습니다. 스팬에는 테두리가 있고 텍스트 상자의 높이와 정확히 일치합니다. Firefox 4에서 글꼴 크기가 다르기 때문에 텍스트 상자가 더 깊게 나타납니다. 즉, 텍스트 상자가 더 아래쪽에 오지 않습니다.

Firefox 4가 다른 브라우저보다 큰 텍스트를 표시하는 데 문제가있는 사람이 있는지 살펴 보았지만 행운은 없습니다. 다른 누구도 똑같은 문제가 있었습니까? 나는 "workarounds"를 좋아하지 않는다. 나는 오히려이 문제에 대한 적절한 해결책을 찾겠다. 나는 이상한 일을해야 할 것이다!

미리 도움 주셔서 감사합니다. 텍스트의 문제 영역 중 하나

body 
{ 
    font-size: 69.5%; 
    font-family: Tahoma, Verdana, Sans-Serif; 
    margin: 0; 
    padding: 0; 
    background: #4997C4 url(/Images/main_bg.gif) repeat-x left top; 
} 

코드 : 몸에

편집 코드는 모든 글꼴 크기를 기본값으로

.content .banner p.content_text 
{ 
    margin: 5px 0 2px 12px; 
    font-size: 1.2em; 
    color: #38393C; 
    width: 374px; 
    line-height: 1.3em; 
} 

Answer 1

상대 글꼴 크기 (%, em)를 사용하므로 사용자가 브라우저에서 다른 기본 글꼴 크기를 지정한 경우 페이지의 글꼴 크기가 다릅니다. 해결책으로는 px과 같이 절대 글꼴 크기를 사용할 수 있습니다. (줄 높이 속성과 동일한 문제)

FF 4의 그래픽 하드웨어 가속화 문제 (다른 문제가 있음), 글꼴 렌더링에 영향을 줄 수 있습니다.

Answer 2

픽셀에 글꼴 크기를 전환 시도 엠에서 가져 와서 고칠 수 있는지 알아봐. 그렇다면 픽셀 값을 사용하는 것 외에는 제어 할 수없는 사용자 에이전트 설정입니다.

추가 정보가 필요하지 않은 경우 FF4와 FF3.6 및 다른 플랫폼에서 실행중인 플랫폼은 무엇입니까? 예를 들어 Mac에서 폰트를 처리하는 방식 때문에 Mac에서의 모든 것이 다르게 보일 것입니다.