CSS vs 물리 크기
브라우저가 실제 모니터 크기를 숨기는 이유
개인정보 보호 표준상 웹사이트는 모니터 EDID 크기나 OS 배율(%)을 직접 읽을 수 없습니다.
로컬 디스플레이 원격 측정 · 100% 클라이언트
화면 크기, 해상도 및 PPI 감지기
브라우저의 CSS 뷰포트와 DPR을 확인하고 대각선 인치를 선택해 온라인 자 보정에 바로 적용하세요.
실시간 브라우저 신호
감지된 디스플레이 속성
- CSS 화면 해상도
- —
- 추정 물리 픽셀
- —
- 브라우저 뷰포트
- —
- 디바이스 픽셀 비율 (DPR)
- —
- 화면 비율
- —
- 시각적 뷰포트 배율
- —
- 현재 자 보정 상태
- —
- 보정 기준
- —
계산된 디스플레이 기하학
선택한 대각선 기준 실제 크기
화면 대각선 길이 선택 (인치)
- 가시 패널 너비
- —
- 가시 패널 높이
- —
- CSS 밀도 (px / inch)
- —
- 물리 패널 밀도 (PPI)
- —
- 물리 픽셀 피치
- —
OS 배율
Windows 125%, 150% 및 macOS Retina
OS 배율이 높아지면 CSS 픽셀은 줄고 DPR은 올라갑니다. 측정 시 브라우저 확대/축소는 100%로 유지하세요.
최종 검증
실물 신용카드로 재확인 권장
대각선 보정 후에도 85.60mm 표준 카드 윤곽선과 대조하면 오차 없는 정밀도를 얻을 수 있습니다.
화면 배율 참고
실효 CSS PPI가 실제 길이를 결정하는 이유
같은 CSS 픽셀 수라도 모니터와 고해상도 노트북에서 실제 물리적 길이가 어떻게 달라지는지 비교해 보세요.
화면 DPI/PPI와 실제 측정 정확도
FIG. 09 · 화면 물리학
신용카드 및 사용자 기준 보정
FIG. 02 · 화면 보정