CSS _ rem 이용하기

웹 사이트를 만들 때 반드시 고려할 요소 중 하나가 바로 반응형이다.

이를 위해 너비나 높이를 px 대신 % 나 vw/vh로 주게 되는데...

그럼 글자 크기(font)는 어떻게 하면 좋을까?

 

이 경우 우리는 html 태그의 font-size 값을 1로 가지는, rem이란 단위를 이용한다.

 

그런데 여기서, 그렇다면 아무 것도 지정해주지 않은 기본 html 태그의 font-size는?

→ 바로 16px!

 

헉 따라서 이를 통해...

초기화 코드로 다음과 같이 html 태그의 font-size를 62.5%로 맞춰두면,

1rem = 10px 즉 원하는 px 값에 1/10만 해주면 rem 값으로 곧바로 변환할 수 있다! 와우!