rem과 em의 차이

반응형 작업을 하다가 단위를 하나하나 바꿔줘야 하는 게 조금 번거로워졌다. 해서 예전에 알아만 둔 css 단위에 대해서 다시 공부해보고자 적어둔다.

영상에서 rem은 font-size, em은 padding 같은 것들에 주로 쓴다고 하는데 각자에 맞춰서 작업하면 될 듯.

 

 

*rem : 기준이 되는 값을 지정된 배수로 변환해 표현한 크기를 말한다. 여기서 기준이 되는 값은 최상위 요소(보통은 html 태그)에서 지정된 font-size 의 값을 이야기 한다.

*em : 기준이 되는 값을 지정된 배수로 변환해 표현한 크기를 말한다. 여기서 기준이 되는 값이란 현재 스타일 지정 요소의 font-size 값을 의미한다.

 

*참고했던 영상

https://www.youtube.com/watch?v=S5uMXoGogkk