레이아웃 뷰포트 (Layout viewport)

레이아웃 뷰포트(layout viewport) 는 브라우저가 웹페이지를 그리는 뷰포트입니다. 본질적으로, 레이아웃 뷰포트는 볼 수 있는 것을 나타내는 반면에, 시각적 뷰포트는 현재 사용자의 디스플레이 장치에 표시되는 것을 나타냅니다.

예를 들어, 핀치 동작(두 개의 손가락으로 안쪽으로 모으는 행위)을 사용해 사이트 콘텐츠를 확대 및 축소할 수 있는 모바일 장치에서 매우 중요한 부분입니다. 렌더링된 문서는 어떤 방식으로도 변경되지 않으므로 사용자가 확대/축소 수준을 조정해도 레이아웃 뷰포트는 동일하게 유지됩니다. 대신에, 시각적 뷰포트가 업데이트되어 볼 수 있는 페이지 영역을 나타냅니다.