CSS 단위 변환
웹 디자인에서 쓰는 크기 단위를 서로 바꿉니다.
자주 쓰는 값
px와 rem의 차이
px는 화면 픽셀에 고정된 절대 단위이고, rem은 문서 기본 글자 크기를 1로 삼는 상대 단위입니다. 브라우저 기본값은 대개 16px이라 1rem이 16px입니다. rem을 쓰면 사용자가 브라우저 글자 크기를 키웠을 때 레이아웃이 함께 커져 접근성에 유리합니다.
em은 무엇이 다른가
rem은 항상 문서 기준이지만 em은 부모 요소의 글자 크기 기준입니다. 그래서 중첩되면 값이 누적되어 예상과 달라지기 쉽습니다. 크기 계산이 헷갈릴 때는 rem이 안전합니다.
pt는 언제 쓰나
인쇄용 단위입니다. 1pt는 96분의 72인치로 화면에서는 0.75px에 해당합니다. 워드나 한글에서 지정한 글자 크기를 웹으로 옮길 때 이 비율로 환산하면 비슷한 크기가 됩니다.