CSS 단위 변환기
CSS 단위 간 변환: px, rem, em, pt, cm, mm, in.
기본 글꼴 크기 (px)
일반적인 중단점
| Name | px | rem |
|---|---|---|
| sm | 640px | 40rem |
| md | 768px | 48rem |
| lg | 1024px | 64rem |
| xl | 1280px | 80rem |
| 2xl | 1536px | 96rem |
CSS 단위 변환기 소개
CSS는 요소, 글꼴, 간격 크기 조정을 위한 다양한 단위를 지원합니다. 픽셀(px)은 절대 단위이고, rem과 em은 글꼴 크기에 상대적이어서 반응형 디자인에 필수적입니다. 이 도구는 정확한 rem/em 계산을 위한 조절 가능한 기본 글꼴 크기와 함께 모든 일반적인 CSS 단위 간에 즉시 변환합니다.
사용 방법
상단의 버튼에서 소스 단위를 선택한 다음 숫자 값을 입력하세요. 모든 변환이 즉시 표시됩니다. 프로젝트가 다른 루트 글꼴 크기를 사용하는 경우 기본 글꼴 크기(기본값 16px)를 조정하세요. 결과 옆의 복사 아이콘을 클릭하여 복사하세요.
일반적인 사용 사례
- 반응형 타이포그래피를 위해 픽셀 값을 rem으로 변환
- 인쇄 단위(pt, cm, mm)를 화면 단위(px)로 변환
- 사용자 지정 기본 글꼴 크기에 대한 em 값 계산
- 다양한 단위 시스템 간에 일관된 간격 값 생성
- 인치나 포인트의 디자인 사양을 픽셀로 변환