Layout viewport (レイアウトビューポート)

レイアウトビューポートは、ブラウザーがウェブページを描画するビューポートのことです。基本的に、これは利用できる領域を表すのに対し、視覚的ビューポートは、レイアウトビューポートのうち、ユーザーの端末上で現在表示されている部分、つまりレイアウトビューポートの現在表示されている領域を表します。

これは、例えばモバイル端末において重要になります。モバイル端末では通常、ピンチジェスチャーを使用してサイトのコンテンツを拡大・縮小することができます。レンダリングされた文書自体には何の変化も生じないため、ユーザーがズームレベルを調整しても、レイアウトビューポートは変わりません。代わりに、視覚的ビューポートが更新され、ユーザーが閲覧できるページの領域が示されます。