🟧 컨테이너 최대 폭 가이드 | px·rem 값 바로 역산

본문 글자 크기 (px)

목표 한 줄 글자 수 (자)

평균 글자 폭 계수 (글자 크기 대비, 예 0.5)

컨테이너 좌우 패딩 합 (px, 없으면 0)

루트 글자 크기 (px, rem 환산용)

컨테이너 최대 폭 (패딩 포함, 소수 2자리)

본문 줄 폭 (패딩 제외)-

글자 하나 평균 폭-

컨테이너 폭 rem 환산 (소수 2자리)-

적용한 식-

한 줄 글자 수	본문 폭 (px)	컨테이너 폭 (px)	컨테이너 폭 (rem)

붙여 쓰는 CSS

본문 폭 상한을 px으로 역산하는 방법

max-width를 몇 px로 둘지 정하려면 글자 크기와 한 줄에 담을 글자 수부터 정해야 합니다. 본문 글자 크기, 목표 글자 수, 평균 글자 폭 계수, 좌우 패딩을 넣으면 본문 줄 폭과 패딩을 포함한 컨테이너 폭이 px으로 나오고 rem 환산값도 함께 표시됩니다. 입력한 글자 수 기준 ±10자 표를 보면 글자 수를 조금 바꿀 때 폭이 얼마나 움직이는지 바로 비교할 수 있습니다.

식은 본문 폭 = 글자 수 × 글자 크기 × 글자 폭 계수이고 컨테이너 폭은 여기에 좌우 패딩 합을 더합니다. 계수는 글자 크기 대비 평균 글자 폭이라 폰트마다 다릅니다. 라틴 본문은 0.5 안팎, 한글은 전각에 가까워 더 크므로 쓰는 폰트에서 직접 재어 넣는 편이 정확합니다. CSS의 ch 단위는 숫자 0의 글자 폭이라 평균 글자 폭과 다르므로 이 계산은 px과 rem만 냅니다. 표시는 소수 2자리이며 2026년 10월 기준 CSS 문법으로 코드를 만듭니다.

한 줄 글자 수를 45~75자로 두라는 말은 널리 인용되지만 출처가 제각각이고 공인 기준은 없습니다. 그래서 목표 글자 수는 입력으로 받고 이 도구는 적정 범위를 판정하지 않습니다. 글자 수 자체를 평가하는 계산과 이메일 본문 폭 규격은 각각 다른 도구가 담당하며, 여기서는 행간·단락 간격이나 다단 레이아웃을 다루지 않습니다.

자주 묻는 질문

글자 폭 계수는 어떻게 구할까?

같은 폰트로 '0'이나 소문자 여러 개를 한 줄 넣고 그 폭을 글자 수로 나눈 뒤 글자 크기로 다시 나누면 됩니다. 한글은 라틴보다 계수가 큽니다.

한 줄 글자 수는 몇 자가 적당할까?

널리 인용되는 45~75자 범위가 있지만 출처가 제각각이고 공인 기준은 아닙니다. 이 도구는 목표 글자 수를 입력으로만 받고 적정 여부를 판정하지 않습니다.

max-width를 ch 단위로 써도 될까?

ch는 숫자 0의 글자 폭을 기준으로 하므로 평균 글자 폭과 어긋납니다. 그래서 이 도구는 ch 값을 만들지 않고 px과 rem만 계산합니다.

🟧반응형 컨테이너 최대 폭 가이드

관련된 도구

본문 한 줄 글자수·문단 폭 계산기

PX → REM/EM 변환기

본문 폭 상한을 px으로 역산하는 방법

자주 묻는 질문

관련된 도구

본문 한 줄 글자수·문단 폭 계산기

PX → REM/EM 변환기

본문 폭 상한을 px으로 역산하는 방법

자주 묻는 질문

같은 카테고리 도구