2023. 3. 14. 15:32

스마트 폰 등 다양한 기기를 고려해야 하는 반응형 휍에서 글자 크기를 

 

설정하는데는 적합하지가 않다

 

반응형 웹에서는 px 대신 em 또는 rem 단위를 많이 사용한다

 

 

em

 

영문자 M의 너비를 1em 으로 계산하여 이에 대한 상대적인 크기로 글자 크기를 표현

 

1em = 16px;

 

2em = 32px;

 

em이 사용된 요소의 하위 요소에서는 부모 요소의 em을 상속 받아 글자 크기가 정해진다

 

em은 부모 요소에서 설정된 글자 크기를 기준으로 하는데

 

rem은 브라우저의 기본 글자 크기를 기준으로 한 상대적인 크기를 나타낸다