Firefox의 기본 글꼴 크기 문제

Question

Firefox에서 기본 글꼴 크기 옵션 (고급 탭의 최소 글꼴 크기에 대해 말하지 않습니다)이 이상하게 보입니다. 이 페이지로 이동 http://fr-region.xb83studio.ch/2012/lachen/ 기본 글꼴 넣기 크기는 44px 이상입니다. 누군가 두 번째 목록이 첫 번째 목록 아래로 떨어지는 이유를 설명 할 수 있습니까? 내부 텍스트의 글꼴 크기가 지정되어 있으므로 기본 글꼴 크기 기능으로 수정되지 않습니다.

처음에는 17 픽셀 이상의 기본 글꼴 크기로 문제가 발생했습니다. 폭을 3px 줄 였고 이제는 40px까지 작동합니다. 그러나 나는 아직도이 문제가 왜 발생하는지 이해하지 못합니다. 나는 정말로 설명을 바르게 평가할 것이다.

BTW, I는 Windows 7 Professional SP1에서 파이어 폭스 12.0을 실행하는거야 아이디어

에 대한

감사

르네

Answer 1

당신은 폭 207px 왼쪽 마진 32px 각각 두 개의 인라인 블록 요소가 . 그들은 너비 488px (자동 너비, 55px 왼쪽 여백 및 30px 오른쪽 여백이있는 섹션을 포함하는 573px 너비 div)의 컨테이너에 있습니다. 마크 업에서는 첫 번째 인라인 블록의 경우 </ul>과 두 번째 인 경우의 <ul> 사이에 공백이 있으므로 렌더링에서 공백으로 구분 된 두 문자 사이에 공백이 있습니다. 해당 공간의 너비는 컨테이너의 글꼴에있는 공백 문자의 너비입니다.

488px-2*(207px+32px) = 10px이 컨테이너 글꼴의 공백 문자 너비보다 작 으면 두 번째 목록은 첫 번째 목록 아래에 줄 바꿈됩니다.

이전에 인라인 블록이 210px 너비 인 경우 공간의 너비가 6px 이상이되면 줄 바꿈이 수행됩니다. 일반적인 가변 폭 서양 글꼴의 경우 약 17px 글꼴 크기 정도가 적당합니다.