CSS 단위 변환
CSS 단위(px, rem, em, vw, vh)를 기준값을 지정해 자유롭게 변환합니다. CSS 코드 블록 일괄 변환과 참조 테이블을 제공하는 무료 온라인 도구로, 모든 처리는 브라우저에서 실행되어 데이터가 전송되지 않습니다. 반응형 웹 디자인과 레이아웃 작업에 특히 유용합니다.
인코딩 & 변환/cssunit
×
| 단위 | 결과 | |
|---|---|---|
| px | 16 | |
| rem | 1 | |
| em | 1 | |
| vw | 0.8333 | |
| vh | 1.4815 | |
| vmin | 1.4815 | |
| vmax | 0.8333 |
CSS 단위 변환기는 px, rem, em, vw, vh, vmin, vmax 간 변환을 지원하는 무료 온라인 도구입니다. 루트 폰트 크기와 뷰포트 크기를 설정할 수 있고 CSS 코드 일괄 변환도 가능합니다. 브라우저에서 완전히 실행됩니다.
CSS 단위 변환기란?
CSS 단위 변환기를 사용하면 px, rem, em, vw, vh, vmin, vmax 등 CSS 길이 단위 간 즉시 변환할 수 있습니다. 루트 폰트 크기, 부모 폰트 크기, 뷰포트 크기를 설정하여 정확한 변환 결과를 얻을 수 있습니다.
CSS 코드를 붙여넣어 일괄 변환하거나, 참조 테이블에서 일반적인 px→rem, px→vw 변환값을 확인할 수 있습니다.
CSS 단위 변환 방법
- 1
값 입력
숫자를 입력하고 원본 단위를 선택하면 모든 동등 값이 실시간으로 계산됩니다.
- 2
CSS 일괄 변환
CSS 코드를 붙여넣고 변환 방향을 선택하면 일치하는 값이 강조된 변환 결과를 얻을 수 있습니다.
- 3
참조표 확인
참조 탭을 사용하여 일반적인 px→rem, px→em, px→vw 변환값을 빠르게 조회할 수 있습니다.