부정적인 문자 간격이 적용될 때 나는 다른 모든 브라우저 다르게 파이어 폭스 렌더링 텍스트에 문제가 있어요 : 여기 파이어 폭스 다른 브라우저 (CSS에 부정적인 문자 간격) 다르게 커닝
h2{font-size:1.6em;font-weight:bold;color:#999;letter-spacing:-0.10em;}
<h2>Time</h2>(approx)
편집 : http://img707.imageshack.us/i/font2x.png/ 여기
파이어 폭스에서 렌더링 텍스트는 그들은 직접 스크린 샷입니다, 이미지가 동일한 해상도입니다.
이 문제를 해결하는 방법에 대한 아이디어가 있으십니까?
width: 100%;을 h2 규칙에 추가하여 "다른"브라우저에서 레이아웃을 시작하십시오.
나는 이유는 모르겠지만, 당신이 당신의 font-size 선언에 대신 empt를 사용합니다 (그러나 letter-spacing에 대한 em을 유지하는 경우, 파이어 폭스는 다른 브라우저들처럼 텍스트를 렌더링합니다.
h2{font-size:18pt;font-weight:bold;color:#999;letter-spacing:-0.10em;}
를 알 겠어요 는 CSS를 재설정하여 해결했습니다. 그냥 html로 머리에 아래의 링크를 추가 할 수 있습니다.
이<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.9.0/build/reset/reset-min.css">
더 많은 정보는 여기에서 찾을 수 있습니다. http://developer.yahoo.com/yui/reset/
동일한 링크를 두 번 게시했습니다. – jalf
사진이 동일합니다. –
죄송합니다. 감사합니다. 수정 된 링크 – theorise