코드, 데이터 및 QR 도구

뷰포트 크기

브라우저가 보고한 페이지 뷰포트를 확인합니다. 뷰포트가 바뀌면 값이 갱신됩니다.

브라우저에서 로컬 처리가입 불필요개인정보 안내 ↗
Width
—
Height
—
Estimated device pixels
—

CSS 크기에 devicePixelRatio를 곱한 추정치입니다. 확대/축소, 디스플레이 배율과 다중 모니터가 영향을 줄 수 있습니다.

사용 방법

사용 방법

  1. 현재 CSS 뷰포트 너비와 높이를 읽습니다.
  2. 브라우저 창이나 기기 방향을 바꿔 값을 갱신합니다.
  3. 보고된 기기 픽셀 비율로 기기 픽셀을 추정할 수 있습니다.

CSS 뷰포트 크기

너비와 높이는 브라우저 UI를 제외한 보이는 페이지의 CSS 픽셀입니다.

기기 픽셀 추정

CSS 크기에 devicePixelRatio를 곱한 추정치입니다. 확대/축소, 디스플레이 배율과 다중 모니터가 영향을 줄 수 있습니다.

로컬 전용

window 같은 브라우저 API만 읽으며 크기를 전송하거나 저장하지 않습니다.

자주 묻는 질문

더 알아보기

브라우저 창 전체 크기인가요?

보이는 페이지 뷰포트이며 바깥 창보다 작을 수 있습니다.

확대/축소에서 왜 바뀌나요?

브라우저 확대/축소와 디스플레이 배율이 CSS 값과 추정값을 바꿀 수 있습니다.

물리 픽셀을 측정하나요?

아니요. DPR 기반 추정만 제공합니다.