CSS 단위 변환기
px와 rem을 사용자가 지정한 root font-size 기준으로 양방향 변환합니다.
사용 방법
- 방향, 값, root font-size를 입력하고 실행합니다.
핵심 기능과 처리 범위
전용 runner에서 px→rem 또는 rem→px 방향을 선택하고 기본 root size 16px를 필요에 맞게 바꿀 수 있습니다.
처리 원리
px→rem은 value/base, rem→px는 value×base를 계산해 불필요한 trailing zero를 제거합니다.
예시
root 16px에서 24px는 1.5rem이고 1.5rem은 24px입니다.
이럴 때 유용합니다
- 프로젝트의 실제 html font-size에 맞춰 CSS 단위를 바꿀 때
사용 전 참고
- vw·em·pt 등 다른 단위는 처리하지 않고 responsive root font-size 변화는 한 번에 하나의 base 값만 사용합니다.
자주 묻는 질문
16px가 항상 1rem인가요?
아닙니다. 기본값이 16px일 뿐이며 프로젝트 root font-size를 직접 입력할 수 있습니다.