css의 px, em, rem

일반적으로 (html의 기본 폰트사이즈=16px)

16px = 1em = 1rem

---

px - 화면 비율에 따라 px 크기가 달라지지 않음

em - 부모태그에게 font-size 속성이 있으면, 그 속성을 1em으로 계산

rem - 부모태그에게 font-size 속성이 있으면, 그 속성을 1rem으로 계산

(배율에 따라 변경되는 rem을 쓰는게 보편적으로 좋음)

em,rem보는 팁 -> 개발자 도구에서 computed 들어가서 (show all) font-size가 px로 변환되어 나옴

---

rem을 사용하려면 body의(부모요소) font-size를 10px로 설정 한 후 사용하면, 비율에 맞게 사용 된다.