뷰포트는 문서 전체가 아니라 현재 보는 영역입니다
브라우저 창이나 화면에서 보는 문서 부분을 뷰포트라고 하며 밖의 콘텐츠는 스크롤로 볼 수 있습니다. 확대 상황에서는 레이아웃 뷰포트와 실제로 보이는 시각적 뷰포트가 다를 수 있어 창 크기·문서 크기·현재 가시 영역을 구분해야 합니다. 근거: MDN Viewport, 2026-11-04.
근거: MDN Viewport · 2026-11-04 확인
600 높이의 창과2000 높이 문서를 실제로 비교했습니다
격리된 로컬 브라우저를 뷰포트800×600으로 정하고 높이2000 CSS 픽셀의 문서를 넣었습니다. 관찰한 innerHeight는600, 문서 scrollHeight는2000이었습니다. display-examples.json에 보존한 이 결과는 보는 영역과 전체 길이가 다를 수 있음을 보여 줍니다. 실제 사이트나 휴대전화의 측정 결과가 아니며 브라우저 UI·키보드·확대까지 재현한 것은 아닙니다.
근거: MDN Viewport · 2026-11-04 확인
하단이 안 보이면 문서 존재와 도달 가능성을 나눕니다
허가된 페이지에서 원하는 내용이 DOM에 있는지, 문서가 더 길고 스크롤 가능한지, 고정 요소가 가리는지 확인합니다. 내용이 존재해도 사용자가 도달할 수 없으면 과업은 실패할 수 있습니다. 모바일 키보드나 확대가 가시 영역에 미치는 영향은 실제 대상 환경에서 별도로 봅니다. 높이 값 하나만으로 원인을 확정하지 않습니다.
근거: MDN Viewport · 2026-11-04 확인
검수 기록에는 어떤 영역을 잰 값인지 씁니다
스크린샷 크기·window 크기·문서 높이를 같은 수치로 섞지 않습니다. 관련 요소의 배치와 스크롤 위치를 기록하고 문제를 재현할 조건을 적습니다. 성공은 핵심 내용과 조작에 실제로 도달하는지로 확인하며 화면 밖에 있다는 이유만으로 문서 삭제라고 보고하지 않습니다. 이 글의 로컬 관찰은 사이트 전체 반응형 검증이 아닙니다.
원문으로 이어 읽기
확인일: 2026-11-04. 정의와 적용 범위, 발행일과 판본을 함께 살펴봅니다. 원문이 존재한다는 사실만으로 개별 주장의 정확성과 재사용 권리가 자동 보장되지는 않습니다.