CSS 단위 변환기

px, rem, em, vh, vw 등 CSS 단위 변환

기준값 설정

CSS 코드 스니펫

CSS 단위 설명

단위 유형 설명
px 절대 픽셀. 화면의 1픽셀
rem 상대 루트 요소(html)의 font-size 기준
em 상대 부모 요소의 font-size 기준
% 상대 부모 요소 기준 백분율
vw 뷰포트 뷰포트 너비의 1%
vh 뷰포트 뷰포트 높이의 1%
vmin 뷰포트 vw, vh 중 작은 값
vmax 뷰포트 vw, vh 중 큰 값

CSS 단위 변환기 사용법

  1. 변환할 값과 단위를 입력합니다
  2. 출력 단위를 선택합니다
  3. 기준값(base font-size 등)을 설정합니다
  4. 변환된 결과를 복사합니다

꿀팁

  • • px to rem, em to px 변환에 유용합니다
  • • 반응형 웹 개발에 필수입니다

자주 묻는 질문

rem과 em의 차이는 무엇인가요?
rem은 html 루트 요소의 폰트 크기 기준, em은 부모 요소의 폰트 크기 기준입니다.
기본 폰트 크기는 얼마인가요?
브라우저 기본값은 보통 16px입니다. 1rem = 16px가 됩니다.
vh와 vw는 언제 사용하나요?
vh는 뷰포트 높이의 %, vw는 뷰포트 너비의 %로, 화면 크기에 맞는 레이아웃에 사용합니다.