개발자

PX to REM 변환기

CSS에서 px ↔ rem 변환

CSS
em (rem @root와 동일)
Tailwind 간격 스케일 (기본값 1 단위 = 0.25rem)

px를 rem으로(또는 그 반대로) 변환

값을 입력하거나 일반적인 유형 스케일에서 선택하세요.

FAQ

px에서 rem으로의 변환은 어떻게 작동하나요?

rem = 픽셀 ÷ 루트 글꼴 크기. 기본 16px 기준에서, 16px = 1rem, 32px = 2rem입니다.

어떤 진법을 사용해야 하나요?

루트(html) font-size를 사용하세요. 기본적으로 브라우저에서는 16px입니다. 프로젝트에 다르면 여기서 변경하세요.

em은 어떻게 되나요?

em은 부모 요소의 글꼴 크기에 따라 결정되며, px를 변환할 때 참고용으로 표시됩니다.

마지막 업데이트: