T96 · 변환
CSS 단위 변환기
디자인 시안은 px로 오는데 코드는 rem으로 써야 할 때. 값 하나를 넣으면 나머지 단위가 동시에 채워집니다. 루트 폰트 크기(기본 16px)와 부모 폰트 크기를 바꿔 가며 확인할 수 있습니다.
미리보기
이 문장의 크기가 지금 값입니다 — Aa 한글 123
CSS 스니펫
자주 쓰는 크기
알아두면 좋은 점
- rem은 항상
html의 폰트 크기 기준입니다. 브라우저 기본값은 16px이며, 사용자가 이를 키우면 rem으로 짠 레이아웃이 함께 커집니다 — 접근성 면에서 px보다 유리합니다. - em은 그 요소의 부모(상속된) 폰트 크기 기준이라 중첩될수록 누적됩니다.
- pt는 인쇄용 단위로, CSS에서는 1pt = 1/72인치 = 약 1.333px로 고정 환산됩니다.
font-size: %는 부모 폰트 크기 대비 비율입니다. width의 %와는 기준이 다릅니다.
자주 묻는 질문 (FAQ)
- Q. CSS 단위 변환기 도구는 무료인가요?
- A. 네, OneHandy Studio에서 제공하는 CSS 단위 변환기 기능은 100% 무료로 사용할 수 있습니다. 복잡한 가입 절차나 결제 없이 브라우저를 열자마자 즉시 이용하실 수 있습니다.
- Q. 서버에 내 데이터가 저장되나요?
- A. 안심하세요. CSS 단위 변환기의 모든 연산과 처리는 사용자의 기기(클라이언트 사이드 자바스크립트) 내에서만 이루어집니다. 따라서 중요한 데이터나 입력값이 외부 서버로 전송되거나 저장되지 않아 안전합니다.
- Q. CSS 단위 변환기의 주요 특징은 무엇인가요?
- A. px ↔ rem ↔ em ↔ pt ↔ % 를 동시에 환산합니다. 루트·부모 폰트 크기를 바꿔 가며 실제 크기를 미리 봅니다. 이런 특징 덕분에 직관적인 인터페이스와 실시간 처리 속도로 누구나 쉽고 빠르게 원하는 결과를 얻을 수 있습니다.