생활 속 간편 계산
px·rem·em·vw·vh 계산기
글꼴과 뷰포트 기준 크기를 입력하고 CSS 단위를 변환하세요.
계산 방법과 자주 묻는 질문
px와 rem은 어떻게 변환하나요?
px 값을 루트 요소(html)의 글꼴 크기로 나누면 rem입니다. 루트 글꼴이 16px이면 24px = 1.5rem입니다. rem을 px로 바꿀 때는 기준 크기를 곱합니다.
em의 기준은 무엇인가요?
font-size 속성의 em은 부모의 글꼴 크기를 기준으로 하고, padding 등 다른 속성의 em은 해당 요소의 계산된 글꼴 크기를 기준으로 합니다. 변환하려는 속성에 맞는 기준 크기를 입력하세요.
vw와 vh는 어떻게 계산하나요?
1vw는 뷰포트 너비의 1%, 1vh는 뷰포트 높이의 1%입니다. 예를 들어 너비가 1440px인 뷰포트에서 144px는 10vw입니다. 이 계산기는 지정한 고정 뷰포트 크기를 사용하며 dvh/svh/lvh의 차이를 시뮬레이션하지 않습니다.
결과를 CSS에 바로 사용할 수 있나요?
CSS 값 복사를 누르면 1.5rem처럼 단위를 포함한 값을 복사합니다. 소수점 여섯째 자리까지 반올림하며, 음수 사용이 가능한지는 적용할 CSS 속성에 따라 다릅니다.
참고 자료: MDN CSS 길이 단위