CSS의`font-size` 속성이 백분율 의미로 정의되는 것은 무엇입니까?

Question

CSS font-size 속성을 사용하면 크기를 백분율로 지정할 수 있습니다. 이 백분율은 무엇을 나타 냅니까?

Answer 1

백분율은 상위 요소의 크기 백분율을 나타냅니다. 그래서, 기본 브라우저의 글꼴 크기를 14px 생각 :이있는 경우

 

    p{ font-size: 100%; } /* 14px */ 
    p{ font-size: 85%; } /* 12px */ 
 

그것은 조금 더 복잡하기 시작 : 나는 부모 DIV의 픽셀 크기를 설정하기 때문에

 

    <style type="text/css"> 
     div{ font-size: 20px; } 
     p{ font-size: 80%; } /* 16px */ 
    </style> 

    <div> 
     <p>Some Test</p> 
    </div> 
 

, 하위 단락에 대한 백분율 크기 인 경우 하위 단락은 부모 픽셀 크기를 기준으로 사용합니다.