공식
1rem = root px · 1em = element px · 1pt = 96/72 px
소스 단위를 CSS 참조 픽셀로 정규화한 다음 대상 단위의 상황별 픽셀 요소로 나눕니다.
이미지 및 화면
● 로컬로 실행CSS 단위 변환기
필수 컨텍스트가 명시적인 경우에만 일반 CSS 길이를 변환하세요. 루트 및 현재 요소 글꼴 크기를 제공하여 rem과 em이 자동으로 동일한 기반을 가정하지 않도록 합니다.
예시 값
변환된 CSS 길이
가정
- 루트 및 요소 글꼴 크기는 엄격하게 양수입니다.
- 측정된 실제 화면 픽셀 대신 CSS 참조 픽셀이 사용됩니다.
이 도구는 CSS 참조 관계를 1in = 96px 및 1pt = 1/72in으로 가정합니다. 뷰포트 단위와 백분율은 제외됩니다.
공식 검토
Formula v1.0.0
검토됨 2026-08-03
CalcFlow engineering review
CSS 단위 변환기: 실제 사례
16px 루트에서 24px ¼ 16 = 1.5rem입니다. 참조 픽셀 규칙에 따라 24px는 18pt와 같습니다.
자주 묻는 질문
렘과 엠의 차이점은 무엇입니까?
rem은 루트 요소 글꼴 크기를 사용합니다. em은 현재 요소의 글꼴 크기 컨텍스트를 사용합니다.
백분율이 제외되는 이유는 무엇입니까?
백분율은 다양한 속성과 포함 블록에 따라 달라질 수 있으므로 하나의 스칼라 컨텍스트로는 충분하지 않습니다.
CSS px는 물리적 픽셀인가요?
반드시 그런 것은 아닙니다. CSS는 브라우저가 디스플레이 및 확대/축소에 따라 장치 픽셀에 매핑되는 참조 픽셀을 정의합니다.