CSS 단위 변환기는 px, rem, em, pt, vw, vh, cm, mm, in 및 %를 포함한 모든 일반적인 CSS 길이 단위 간 변환을 수행할 수 있습니다. 구성 가능한 기본 폰트 크기 및 뷰포트 크기, 모든 단위의 실시간 변환 결과, 빠른 조회를 위한 자주 사용하는 크기 참조 표를 제공합니다.
주요 기능
10가지 CSS 단위 유형의 실시간 변환
rem 및 em 계산을 위한 구성 가능한 기본 폰트 크기
vw 및 vh를 위한 조정 가능한 뷰포트 너비 및 높이
원클릭 소스 및 대상 단위 교체
타이포그래피 크기 자주 사용하는 참조 표
결과 값 클릭 한 번으로 복사
빠른 미리보기
사용 사례
접근성 및 확장 가능한 레이아웃을 위해 px를 rem으로 변환
반응형 디자인을 위한 뷰포트 단위 계산
디자인 목업의 pt를 웹 구현용 px로 변환
다양한 단위 시스템 간 타이포그래피 크기 비교
cm, mm, in과 같은 인쇄 단위를 화면 단위로 변환
cssunitsconverter
자주 묻는 질문
어떤 CSS 단위를 지원하나요?
변환기는 px, rem, em, pt, vw, vh, cm, mm, in 및 %를 지원합니다. 두 단위 간 변환 및 전체 단위 그리드에서 모든 단위의 결과를 동시에 확인할 수 있습니다.
rem 및 em 변환은 어떻게 작동하나요?
rem 및 em 변환은 구성 가능한 기본 폰트 크기를 사용하며, 기본값은 16px입니다. 이 값을 프로젝트의 루트 폰트 크기에 맞게 수정할 수 있습니다. em 단위는 동일한 기본 폰트 크기를 기준으로 계산됩니다.
뷰포트 단위는 어떻게 계산되나요?
뷰포트 단위(vw 및 vh)는 구성 가능한 뷰포트 너비 및 높이 값을 기준으로 계산되며, 기본값은 각각 1920px 및 1080px입니다. 이 값을 대상 화면 크기에 맞게 조정할 수 있습니다.
변환 결과를 복사할 수 있나요?
가능합니다. 결과 값을 클릭하면 클립보드로 복사됩니다. 복사 성공 시 알림이 표시됩니다. 주요 결과 및 전체 단위 그리드의 개별 결과 모두 이 기능을 지원합니다.
자주 사용하는 참조 표란 무엇인가요?
자주 사용하는 참조 표는 표준 타이포그래피 크기(본문, 제목 및 표시 폰트 크기 등)의 px, rem, pt 대응 값을 보여줍니다. 이를 통해 수동 계산 없이 일반적인 디자인 패턴에 적합한 값을 빠르게 찾을 수 있습니다.