CSS에서 글꼴 크기 조정을위한 확실한 방법

Question

경험 많은 개발자가 글꼴의 크기를 결정하는 데있어 기본적인 견해에 대해 의견을 나누고 싶습니다. 나는 ems로 작업하는 것이 가장 좋지만 기본 글꼴 크기를 설정하는 가장 좋은 방법을 말하는 것이라고 생각합니다.

62.5 방법을 사용 10px하는 폰트를 설정하는 기술이 존재하지만, 즉 약간 (아마도 생략)

유이 틀

body { 
font:13px/1.231 arial,helvetica,clean,sans-serif; 
/* for IE6/7 */ 
*font-size:small; 
/* for IE Quirks Mode */ 
*font:x-small; 

}

사용 이것을 발생 라운딩에 문제가 있다고 생각

나를 정말로 혼란스럽게합니다!

트리폴리

html 
{ 
    font-size:125%; 
} 

body 
{ 
    font-size:50%; 
} 

이 목록 떨어져의 라인을 따라 뭔가를 제안 사용

body { 

font-size: 16px; 
*font-size: 100%; 

}

그래서 가장 적합한하거나 이러한 방법이나 대안 중. 가장 잘 작동하고 가장 신뢰할 수있는 크로스 브라우저입니다.

Answer 1

모든 최신 브라우저 줌 기능은 단지 이전 버전에서와 같이 글꼴 크기를 늘리는 대신, 비례 이제 모든 것을 증가하기 때문에 잘 요즘 사람들이 바로 픽셀 크기로 다시 진행되고있다. 12px는 내가 본 표준 텍스트의 표준 기본 크기입니다.

Answer 2

이 62.5 방법을 사용 10px하는 글꼴 을 설정하는 기술이다하지만 난 즉 생각은 내가 사용하는 기술입니다 은 (아마도되지 않음) 약간이 밖으로 던져 라운딩 문제를

있다 매일 이런 버그가 발생하면 IE 버그가 발생하지 않았습니다. em을 사용하면 calc를 사용하지 않고 10으로 나눌 수 있다면 정말 쉽습니다! hN, li, p 등과 같은 요소로 font-size 속성을 사용해야하지만 부모 div 또는 blockquote 및 자식 단락과 제목을 모두 크기를 지정하지 마십시오. 그렇지 않으면 자식 요소에 10px가 포함되지 않습니다 < -> 더 이상 1em 동등성.

CSS 프레임 워크를 사용하는 경우 사용하는 방법을 고수하십시오.

오프 주제, 나는 조건부 주석없이 스타 해킹을 사용합니다. 이제까지. 말했다

, 당신의 질문에 확실한 대답이 없다 (SB 쓴 최근의 주제에 '픽셀 대 에게 그들을 것은 거룩한 전쟁입니다'와 (들) 그는 이럴 꽤 괜찮이다). 여기보기의 접근성 관점에서

는 해당 충분한 기술이다 : C14: Using em units for font sizes - WCAG 2.0 그것은 Success Criteria 1.4.4 Resize text 달성 할 수있는 유일한 방법이 아니다 :

Except for captions and images of text, text can be resized without assistive technology up to 200 percent without loss of content or functionality. (Level AA) 

C12은 비율로, 동일, 다른 사람은 같이하지 않습니다 내가 기억하는 한, 크로스 브라우저 호환.