Viewport
ブラウザーウィンドウ内で、Webページが見えている部分。<meta name="viewport" content="width=device-width, initial-scale=1">は、モバイルでレスポンシブに表示するための必須設定だ。
viewportのmetaタグがないと、モバイルSafariは幅980pxのデスクトップ用ページとして描画し、縮小表示になって使い勝手が悪くなる。CSSの単位にはvw（viewport幅の1%）、vh（高さ）、vmin、vmaxがある。のちにdvh（動的。ブラウザーのUIを除く）、lvh（大）、svh（小）が加わり、iOS Safariの下部バー問題を解消した。仕様上はビジュアルviewportとレイアウトviewportが区別されるが、実際に差が出る場面は少ない。