CSS에서 font-size를 지정할 때 pt, px, em, rem, vw, vh, vmax, vmin 등 다양한 단위들을 이용할 수 있다. 오늘은 그중 em과 rem의 차이에 대해 알아보자. 우선 em과 rem은 모두 가변 폰트이다. 그렇다면 em, rem만 사용하면 자동적으로 브라우저의 크기에 따라 가변 하는 것 일까? 일단 단독적으로는 아니라는 것을 먼저 알고 시작하자! (왜인지는 포스팅 마지막으로,,,!) em ? em은 타이포그래피의 단위 중 하나로 과거 활자를 통해 폰트를 제작할 때 대문자 M을 1em의 기준으로 삼았다는 것에서 비롯되었는데 1em 은 현재 사용되는 12pt 크기의 대문자 M의 너비를 기준으로 정해진다. (여기서 12pt는 16px과 같다.) em은 가변 폰트로 자식의 폰트 ..
