브라우저 화면 자

CSS 픽셀은 실제 밀리미터가 아닙니다. 브라우저 확대/축소와 디스플레이 배율이 실제 크기에 영향을 줍니다.

현재 보이는 뷰포트에서 두 지점을 클릭하세요.

사용 방법

뷰포트 CSS 픽셀 좌표

오버레이는 포인터 위치를 CSS 픽셀로 읽고 가로, 세로, 유클리드 거리를 계산합니다. 브라우저 확대/축소, 페이지 레이아웃, 기기 픽셀 비율은 CSS 픽셀과 기기 픽셀의 대응에 영향을 줍니다.

화면 크기, 뷰포트 크기, devicePixelRatio는 브라우저가 제공하는 값입니다. 보정된 물리 DPI나 실제 길이에 맞는 자를 보장하지 않습니다.

오버레이는 이 페이지 안에서 동작하며 좌표를 업로드하거나 저장하지 않습니다. 재설정하거나 페이지를 나가면 측정값이 지워집니다.

자주 묻는 질문

실제 밀리미터인가요?

아니요. 뷰포트의 CSS 픽셀을 측정합니다. 실제 길이를 알려면 알려진 크기의 물체로 보정해야 하며 디스플레이 배율이나 브라우저 확대에 따라 달라집니다.

기기 픽셀 비율은 무엇인가요?

기기 픽셀과 CSS 픽셀 사이의 비율로 브라우저가 보고하는 값입니다. 화면의 물리적 픽셀 밀도를 완전히 나타내지는 않습니다.

브라우저 창 어디에서나 측정할 수 있나요?

오버레이가 현재 보이는 뷰포트를 덮습니다. 작은 제어판은 계속 사용할 수 있으며 그 위의 클릭은 측정점이 아니라 제어 동작으로 처리됩니다.