[웹 프론트엔드] 1분 코딩 css 단위 rem, em, px 사용하는 기준

1분 코딩) css 단위 rem, em, px 사용하는 기준

• em: 이 단위가 적용된 엘리먼트의 글자 크기에 비례
  rem: html 태그의 글자 크기에 비례(root em)

• px: 모니터의 DPI에 따라 고정 값으로 정해짐(absolute length)
  -> DPI(Dots per Inch): 1 인치에 해당하는 작은 사각형에 들어갈 수 있는 도트(화면 그림의 최소 표현 단위)의 수
  -> DPI가 높을 수록 고해상도를 의미한다

📌 참고자료

• 1분 코딩) css 단위 rem, em, px 사용하는 기준
  https://www.youtube.com/watch?v=S5uMXoGogkk

• WATCHA 개발 지식 — px | em | rem
  https://medium.com/watcha/watcha-%EA%B0%9C%EB%B0%9C-%EC%A7%80%EC%8B%9D-px-em-rem-f569c6e76e66