拡大していない状態だと、今表示していない画面全体

Visual Viewportと同じ

拡大しているときはブラウザの画面からはみ出る

拡大している状態を表している

青枠がLayout Viewport

ブラウザに表示できている箇所をはみ出ているのがわかる

position: fixedは、Visutal Viewportに対して固定する

だから拡大したらどっかに行く

直観的な挙動

これがもしVisual Viewportに対して固定してるとかなり変な挙動になる

画面を拡大しても常に左上に居続ける、みたいな感じになる