CSS 단위·123px
123px =
7.6875rem
92.25pt

123px는 몇 rem — 7.6875rem, 92.25pt

123px는 7.6875rem이고 92.25pt입니다. 인치로는 1.28125, 밀리미터로는 32.544이며, 루트 글자 크기의 768.75%입니다.

rem (16px 기준)
7.6875rem
pt (포인트)
92.25pt
pc (파이카)
7.6875pc
백분율
768.75%
인치
1.28125in
밀리미터
32.544mm
센티미터
3.2544cm

rem은 왜 16으로 나누나요

브라우저 기본 글자 크기가 16px이고 rem은 그 크기에 대한 배수이기 때문입니다. 사용자가 브라우저에서 글자를 키우면 rem으로 적은 자리만 함께 커집니다 — px로 못 박아 둔 자리는 그대로입니다.

가까운 크기

pxrem (16px 기준)pt (포인트)
120px7.5rem90pt
121px7.5625rem90.75pt
122px7.625rem91.5pt
123px7.6875rem92.25pt
124px7.75rem93pt
125px7.8125rem93.75pt
126px7.875rem94.5pt

pt·인치는 화면에서도 픽셀로 정해집니다

CSS는 1인치를 96px로, 1pt를 1/72인치로 못 박아 두었습니다. 그래서 16px은 정확히 12pt이고, 화면에서 자로 재면 1인치가 나오지는 않습니다.

자주 쓰는 크기

본문 16px, 작은 글씨 14px, 여백 8·24·32px처럼 되풀이되는 값들입니다.

읽는 방법

  • rem = px ÷ 16. 브라우저 기본 글자 크기가 16px이기 때문입니다.
  • pt = px × 0.75. CSS가 1인치를 96px, 1pt를 1/72인치로 정해 두었습니다.
  • 1pc는 12pt이고, 1인치는 96px이자 72pt입니다.
  • 글자와 여백은 rem으로, 테두리처럼 얇아야 하는 선은 px로 적는 편이 좋습니다.

자주 묻는 질문

Q. 123px는 몇 rem인가요?

7.6875rem입니다. 123 ÷ 16으로 나온 값입니다.

Q. 123px는 몇 pt인가요?

92.25pt입니다. 1pt가 1/72인치이고 1인치가 96px이라 0.75를 곱한 값입니다.

Q. 실제 길이로는 얼마인가요?

1.28125인치, 32.544mm입니다. 다만 화면에서 자로 재는 길이와는 다릅니다.

Q. 백분율로는 얼마인가요?

루트 글자 크기의 768.75%입니다.