[CSS] rem VS em VS pix

✅pixel은 고정적인 단위로 interactive한 웹을 원한다면 쓰지 않는다. 초기 웹의 pixel은 16pixel로 설정되어 있다.

 

✅rem의 R은 root로 html을 root로 보고 html의 기본 사이즈인 16pixel을 비교군으로 한다. 

 

✅em은 부모태그의 사이즈를 기준으로 늘어나고 줄어든다. 부모의 부모가 16px, 부모가 2em, 내가 2em을 했다면 16*2*2인 64px을 갖게 된다.