화면·해상도 확인

화면 해상도, 사용 가능 크기, 뷰포트, 픽셀 비율(DPI), 색 심도, 방향, 접근성 설정(컬러 스킴, reduced motion) 확인.

이 디스플레이 확인은 `screen`과 `window` 메트릭을 읽습니다: 해상도, avail size, inner/outer viewport, 색 심도, device pixel ratio, 방향. 반응형 디버깅, Retina/HDPI 비교, pixel ratio가 레이아웃에 미치는 영향 이해에 유용 — CheckProxy.org.

디스플레이 스캔 중…

FAQ — 화면, 해상도, DPI

브라우저에서 해상도, DPI, 픽셀 비율, 뷰포트 관련 질문.

해상도는 화면 너비/높이(`screen.width/height`). inner 뷰포트는 브라우저 UI를 뺀 페이지 영역 — 보통 전체 화면보다 작습니다.

픽셀 비율은 1 CSS 픽셀을 기기 픽셀에 대응합니다. Retina에서 2는 더 선명하지만 @2x 에셋이 필요한 경우가 많음 — 화면·UI 확인에 중요.

color depth는 색 채널당 비트(보통 24 또는 30). pixel depth는 일치하거나 버퍼 정보 추가 — 표시 품질 힌트.

휴대폰·태블릿에서 회전 각도(0°, 90°…)와 세로/가로 유형이 반응형 레이아웃·미디어 쿼리 검증에 도움이 됩니다.

사용자/OS 힌트: 다크/라이트 테마와 애니메이션 축소. 사이트가 UI·접근성에 반영할 수 있습니다.