YUI CSS Fonts - % 기반 크기 조정은 중첩 된 요소에서 제거됩니까?

Question

YUI의 CSS 스키마를 사용하는 경우 글꼴 크기는 브라우저 대신 전체적으로 일관된 글꼴 크기를 제공하기 때문에 픽셀 대신 %의 기준으로 사용됩니다.

font-sizes가 설정된 요소가있는 경우 font-size가 설정된 요소가 중첩 된 요소가 제거됩니다. 예 :

<div style='font-size: 108%'> 
    <p>This content should be 14px.<p> 
    <div style='font-size: 167%'> 
    <p>This should be 22px but instead it's 23.38px because it's nested in an element that has a font-size set</p> 
    <p>Some other content that is not sized how I expected it to be</p> 
    </div> 
</div> 

지금 분명히 쉽게 <p> 요소 font-size 년대 할당하여 상기 예 고정. 이 예는 단지 교장/문제를 보여주기위한 것입니다. 어쨌든, 각 요소를 개별적으로 스타일링해야하는 것은 다소 덤프가되는 것 같습니다.

그래서 나는 뭔가를 놓쳤는 지보고 싶었습니다. font-size 스타일의 요소를 다른 font-size 스타일 요소로 묶으면 시스템/메서드가 완전히 중단됩니다. 페이지의 모든 텍스트의 기본 크기가 13px가 아닌 12px가되도록하려면 어떻게됩니까? YUI 기본값은 무엇입니까? 이 변경은 페이지의 모든 요소에 대해 ALL %를 버립니다. 유일한 해결책은 13px를 기본 크기로두고 12px 크기의 많은 요소를 개별적으로 스타일링하는 것입니다.

Answer 1

그래, 이는 % 기반 글꼴 크기를 사용할 때의 근본적인 단점입니다. 주변에는 좋은 방법이 없습니다. 당신은 IE6을 지원하는 정말 좋은 이유가없는

내가 대신 크기 조정 (그리드 여전히 작동 있도록) & 후 사용 픽셀/EM/등 글꼴을 포함해야한다고 생각했다되고있다.