[CSS] 프론트의 기본 px, em, rem

 

px은 환경에 반응하지 않는 절대적 수치

 

em과 rem은 환경에 반응하는 상대적 수치

 

em과 rem의 차이는

 

em은 같은 엘리먼트에서 지정된 font-size를 기준으로 px로 바뀌어 화면에 표시.

 

rem은 최상위 엘리먼트에서 지정된 font-size의 값을 기준으로 변환.

 

rem은 기준이 되는 폰트 크기 하나로 고정되어 있는 반면, em은 같은 엘리먼트는 어디서라도 그 기준이 바뀔 수 있기 때문에 복잡한 css를 가질 경우 변환될 크기를 예측하기 어렵다.

 

반응형 웹이 점점 더 많아지는 요즘 추세에 px은 어울리지 않다.

 

 

Thanks  for watching, Have a nice day.