px·rem 변환

사용 방법

1. 입력 단위가 px인지 rem인지 고릅니다.
2. 수치와 문서 루트 font-size를 입력합니다.
3. 변환 결과와 곱셈·나눗셈 기준을 확인해 복사합니다.

입력과 결과 예제

입력·설정

24px · 루트 16px

결과

1.5rem

rem의 기준은 루트 요소입니다

rem은 문서의 루트 요소에 적용된 글자 크기를 참조합니다. 상위 요소에 따라 기준이 바뀌는 em과는 다릅니다. 브라우저 기본 글자 크기를 가정하지 않고 실제 CSS의 루트 값을 입력해야 합니다.

표시 반올림과 CSS 적용

결과는 소수 여섯 자리까지 표시하고 불필요한 끝의0을 생략합니다. 음수 여백처럼 CSS에서 허용되는 용도에 음수를 사용할 수 있으나 요소 크기에 음수가 유효한지는 CSS 속성별 규칙을 확인하세요.

자주 묻는 질문