T96 · 변환
CSS 단위 변환기
디자인 시안은 px로 오는데 코드는 rem으로 써야 할 때. 값 하나를 넣으면 나머지 단위가 동시에 채워집니다. 루트 폰트 크기(기본 16px)와 부모 폰트 크기를 바꿔 가며 확인할 수 있습니다.
미리보기
이 문장의 크기가 지금 값입니다 — Aa 한글 123
CSS 스니펫
자주 쓰는 크기
알아두면 좋은 점
- rem은 항상
html의 폰트 크기 기준입니다. 브라우저 기본값은 16px이며, 사용자가 이를 키우면 rem으로 짠 레이아웃이 함께 커집니다 — 접근성 면에서 px보다 유리합니다. - em은 그 요소의 부모(상속된) 폰트 크기 기준이라 중첩될수록 누적됩니다.
- pt는 인쇄용 단위로, CSS에서는 1pt = 1/72인치 = 약 1.333px로 고정 환산됩니다.
font-size: %는 부모 폰트 크기 대비 비율입니다. width의 %와는 기준이 다릅니다.