PX와 REM의 차이점
PX (Pixels): 화면의 물리적인 픽셀 하나를 의미하는 절대 단위입니다. 디자인 시안과 정확히 일치하는 크기를 구현할 때 유용하지만, 사용자의 설정이나 디바이스 환경에 유연하게 대처하기 어렵습니다.
REM (Root EM): 최상위 요소(`html`)의 폰트 사이즈를 기준으로 하는 상대 단위입니다. 기본값이 16px일 때, 1rem은 16px, 2rem은 32px이 됩니다.
계산 공식
REM = PX 값 / Base Font SizePX = REM 값 * Base Font Size